.zerogrid {
	width: 960px;
	position: relative;
	margin: 0 auto;
	padding: 0
}

.zerogrid:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.row:after,
.zerogrid .row:before {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.zerogrid .row:after {
	clear: both
}

.zerogrid .row {
	zoom: 1
}

.zerogrid .wrap-col {
	margin: 10px
}

.zerogrid .col-1-2,
.zerogrid .col-1-3,
.zerogrid .col-1-4,
.zerogrid .col-1-5,
.zerogrid .col-1-6,
.zerogrid .col-2-3,
.zerogrid .col-2-4,
.zerogrid .col-2-5,
.zerogrid .col-2-6,
.zerogrid .col-3-4,
.zerogrid .col-3-5,
.zerogrid .col-3-6,
.zerogrid .col-4-5,
.zerogrid .col-4-6,
.zerogrid .col-5-6 {
	float: left;
	display: inline-block
}

.zerogrid .col-1-2 {
	width: 50%
}

.zerogrid .col-1-3 {
	width: 33.33%
}

.zerogrid .col-2-3 {
	width: 66.66%
}

.zerogrid .col-1-4 {
	width: 25%
}

.zerogrid .col-2-4 {
	width: 50%
}

.zerogrid .col-3-4 {
	width: 75%
}

.zerogrid .col-1-5 {
	width: 20%
}

.zerogrid .col-2-5 {
	width: 40%
}

.zerogrid .col-3-5 {
	width: 60%
}

.zerogrid .col-4-5 {
	width: 80%
}

.zerogrid .col-1-6 {
	width: 16.66%
}

.zerogrid .col-2-6 {
	width: 33.33%
}

.zerogrid .col-3-6 {
	width: 50%
}

.zerogrid .col-4-6 {
	width: 66.66%
}

.zerogrid .col-5-6 {
	width: 83.33%
}

@media only screen and (min-width:768px) and (max-width:959px) {
	.zerogrid {
		width: 768px
	}
}

@media only screen and (max-width:767px) {
	.zerogrid {
		width: 100%
	}
}

@media only screen and (min-width:620px) and (max-width:767px) {
	.zerogrid {
		width: 100%
	}
}

@media only screen and (max-width:619px) {
	.zerogrid,
	.zerogrid .col-1-2,
	.zerogrid .col-1-3,
	.zerogrid .col-1-4,
	.zerogrid .col-1-5,
	.zerogrid .col-1-6,
	.zerogrid .col-2-3,
	.zerogrid .col-2-4,
	.zerogrid .col-2-5,
	.zerogrid .col-2-6,
	.zerogrid .col-3-4,
	.zerogrid .col-3-5,
	.zerogrid .col-3-6,
	.zerogrid .col-4-5,
	.zerogrid .col-4-6,
	.zerogrid .col-5-6 {
		width: 100%
	}
}

a,
b,
body,
center,
div,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
img,
label,
li,
nav,
output,
p,
s,
section,
small,
span,
strong,
th,
u,
ul,
var {
	background: 0 0;
	border: 0 none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top
}

ul {
	list-style: none
}

img {
	vertical-align: middle
}

footer,
header,
nav,
output,
section {
	display: block
}

time {
	display: inline
}

.box:after,
.box:before {
	clear: both;
	content: '\0020';
	display: block;
	visibility: hidden;
	width: 0;
	height: 0
}

body,
html {
	width: 100%;
	padding: 0;
	margin: 0
}

a {
	color: #444;
	text-decoration: none
}

a:hover {
	color: #eb0707;
	text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Arial, sans-serif;
	font-weight: 700;
	color: #474747
}

h1 {
	font-size: 30px
}

h2 {
	font-size: 25px
}

h3 {
	font-size: 20px
}

h4 {
	font-size: 18px
}

h5 {
	font-size: 16px
}

h6 {
	font-size: 14px
}

h1 a,
h2 a,
h3 a,
h4 a {
	color: #474747;
	text-decoration: none
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
	color: #fff;
	text-decoration: none
}

header {
	background: #ffffff;
	margin-bottom: 30px
}

header .wrap-header {
	height: 85x
}

header #logo {
	float: left;
	margin: 0px
}

nav .wrap-nav {
	float: left
}

.menu ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.menu ul li {
	position: left;
	float: left;
	padding: 28px 15px 21px 15px;
	background: #000
}

.menu ul li:hover {
	background-color: #fff
}

.menu ul li a {
	font-size: 12px;
	color: #fff;
	display: block;
	padding: 6px 10px;
	margin-bottom: 5px;
	z-index: 6;
	position: relative;
	font-weight: 700
}

.menu ul li:hover a {
	color: #000
}

footer {
	background-color: #333;
	margin-top: 30px
}

footer .wrap-footer {
	padding: 10px 0;
	color: #fff
}

footer .box .heading {
	padding: 5px;
	border-bottom: 1px dotted #fff
}

footer .box .heading .title {
	padding: 0 10px;
	color: #fff
}

footer .box .content {
	padding: 20px
}

footer .box .content a {
	color: #fff;
	text-decoration: underline
}

footer .box .content a:hover {
	color: #fff;
	text-decoration: none
}

footer .box .content p {
	margin-bottom: 10px
}

.copyright {
	text-align: center;
	margin-top: 20px;
	background: #000;
	padding: 10px 0;
	color: #fff
}

.copyright a {
	text-decoration: underline;
	color: #fff
}

html {
	-webkit-text-size-adjust: none
}

img {
	max-width: 100%;
	height: auto
}

@media only screen and (max-width:959px) {
	nav .wrap-nav {
		margin-top: 10px;
		float: left;
		background: #000;
		width: 100%
	}
.amiibo-list-item {
	display: inline-block;
	margin: 2px;
	width: calc((100%/2) - 10px);
	text-align: center;
	padding-top: 1.25em;
	font-size: medium;
	position: relative;
	font-weight: 700;
	color: #000000;
}
	
}

@media only screen and (max-width:767px) {
	.menu ul li {
		padding: 18px 5px 11px 5px
	}
	.menu ul li a {
		font-size: 12px;
		padding: 3px 5px
	}
.amiibo-list-item {
	display: inline-block;
	margin: 2px;
	width: calc((100%/2) - 10px);
	text-align: center;
	padding-top: 1.25em;
	font-size: medium;
	position: relative;
	font-weight: 700;
	color: #000000;
}
	
}

@media only screen and (max-width:479px) {
	.menu ul li {
		padding: 15px 5px 8px 5px
	}
	.menu ul li a {
		font-size: 8px;
		padding: 3px 5px
	}
.amiibo-list-item {
	display: inline-block;
	margin: 2px;
	width: calc((100%/2) - 10px);
	text-align: center;
	padding-top: 1.25em;
	font-size: medium;
	position: relative;
	font-weight: 700;
	color: #000000;
}
	
}

@charset "UTF-8";
/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

a {
	background-color: transparent
}

b,
strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

img {
	border-style: none
}

[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

[hidden] {
	display: none
}

*,
::after,
::before {
	box-sizing: border-box
}

body,
html {
	overflow-x: hidden
}

html {
	line-height: 1.5;
	font-size: 16px
}

body {
	font-family: lato, open sans, sans-serif;
	font-weight: 400;
	font-size: 19px;
	color: #212121;
	margin: 0;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch
}

h1,
h2,
h3,
h4  {
	font-family: arial, open sans, sans-serif;
	font-weight: 700
}

h5,
h6 {
	font-family: lato, open sans, sans-serif;
	color: #212121;
	font-weight: 700
}

img {
	max-width: 100%
}

a {
	color: #87314e
}

.content {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

::selection {
	background: #87c766;
	color: #fff
}

p {
	padding-left: 0;
	padding-right: 0;
	margin-left: auto;
	margin-right: auto
}

.center-image {
	margin: 0 auto;
	display: block
}

.main-header {
	font-family: lato, open sans, sans-serif;
	padding: .7em 0;
	box-shadow: 0 -5px 15px rgba(0, 0, 0, .3);
	z-index: 10
}

.main-header .header-flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.main-header .logo {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-align: center!important
}

.main-header .logo img {
	vertical-align: top!important;
	margin-right: .3em;
	width: auto;
	height: 32px;
	shape-rendering: geometricPrecision;
	-webkit-filter: drop-shadow(1px 1px 1px rgba(10, 46, 54, .65));
	filter: drop-shadow(1px 1px 1px rgba(10, 46, 54, .65))
}

.main-header .logo a {
	text-decoration: none;
	text-transform: none;
	line-height: 1;
	font-size: 32px;
	font-weight: 700;
	color: #0a2e36;
	white-space: nowrap;
	z-index: 2
}

.main-header p {
	padding-left: 0;
	padding-right: 0;
	margin-left: .5em;
	margin-right: 0
}

.main-nav {
	white-space: nowrap
}

.main-nav ul {
	margin: 0;
	list-style: none;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.main-nav ul li.menu-text {
	display: none
}

.main-nav ul li {
	padding-right: 1rem
}

.main-nav ul li a {
	text-decoration: none;
	font-weight: 700;
	font-size: 20px;
	color: #212121
}

.main-nav ul li a:hover {
	opacity: .8;
	color: #87314e
}

span.nav-link {
	display: inline-block;
	position: relative;
	border-radius: 10px 10px 0 0;
	transition: background-color .3s ease, color .3s ease;
	background-color: transparent
}

span.nav-link:after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-left: 3px;
	vertical-align: middle;
	position: relative;
	top: -2px;
	border-bottom: solid 1px #212121;
	border-right: solid 1px #212121;
	-webkit-transform: rotateZ(45deg);
	-ms-transform: rotate(45deg);
	transform: rotateZ(45deg)
}

.nav-link {
	display: inline-block;
	padding: .5rem 1rem
}

span.nav-link:hover {
	border-radius: 10px 10px 0 0;
	background-color: #e0e0e0;
	transition: background-color .3s ease, color .3s ease;
	cursor: pointer
}

.menu-icon {
	cursor: pointer;
	font-size: 18px;
	color: #212121;
	transition: all .4s
}

.menu-icon:hover {
	opacity: .8
}

.menu-icon a {
	font-family: lato, open sans, sans-serif;
	color: #212121
}

.page-image {
	position: relative;
	padding: 0;
	margin: 0;
	height: 500px;
	background-color: #fff;
	overflow: hidden
}

.page-content {
	margin-top: 10px;
	margin-bottom: 100px;
	background-color: #fff;
	padding: 20px
}

.header-page {
	position: relative;
	margin-bottom: 30px
}

.header-page h1 {
	font-family: lato, open sans, sans-serif;
	font-weight: 700;
	font-size: 48px;
	text-align: left;
	margin: 0 0 5px;
	color: #212121;
	line-height: 1.25
}

.header-page .page-date {
	text-align: left;
	font-size: 14px;
	text-transform: none;
	font-weight: 400
}

.page-footer {
	margin-top: 30px;
	padding-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d9d9d9
}

.author-box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d9d9d9
}

.author-box .author-img {
	width: 120px;
	height: 120px;
	margin-right: 30px;
	border-radius: 100%
}

.about-header {
	position: relative;
	text-align: center;
	padding-bottom: 30px;
	margin-bottom: 30px
}

.about-header:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: block;
	height: 1px;
	width: 80px;
	background-color: #311e3e
}

.main-footer {
	padding: 15px 0;
	background-color: #efefef
}

.main-footer .copyright {
	text-align: center;
	color: #311e3e;
	font-size: 16px
}

.list {
	margin: 0;
	padding: 20px 0 0
}

.boss-tier-header {
	line-height: 2em;
	padding: 0 1rem;
	position: relative
}

.boss-tier-header.tier-1 {
	border-left: 5px solid #d66f7d
}

.boss-tier-header.tier-2 {
	border-left: 5px solid #c16f95
}

.boss-tier-header.tier-3 {
	border-left: 5px solid #bdbd31
}

.boss-tier-header.tier-4 {
	border-left: 5px solid #c99c35
}

.boss-tier-header.tier-5 {
	border-left: 5px solid #213655
}

.boss-tier-header.tier-Mega {
	border-left: 5px solid #9b382e
}

.list>li.header-li {
	list-style-type: none
}

.list>li.boss-item {
	display: inline-block;
	background-color: #fff;
	padding: 5px;
	width: calc(100%/6 - 3px);
	padding-bottom: 1.25rem;
	vertical-align: top
}

.boss-border {
	height: 100%;
	position: relative
}

.boss-border::after {
	content: "";
	position: absolute;
	right: -.7em;
	top: 15%;
	width: 1px;
	height: 70%;
	border-right: 0 solid rgba(255, 255, 255, .99)
}

#raid-list {
	font-size: 16px
}

.boss-img {
	border-radius: 20px;
	border: 2px solid rgba(0, 0, 0);
	background-color: #255, 255, 255
}

.boss-img img {
	margin-top: -30%;
	margin-bottom: -10%
}

.boss-img .shiny-icon {
	height: 1em;
	position: absolute;
	right: .5em;
	bottom: 90%
}

.boss-1 {
	white-space: nowrap;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 2px solid rgba(0, 0, 0, .99)
}

.boss-name {
	white-space: nowrap;
	font-size: .8125em;
	font-weight: 700;
	color: rgba(0, 0, 0, .75);
	margin-top: 2px;
	margin-left: 1px;
	margin-bottom: 3px;
	-webkit-margin-after: 0;
	margin-block-end: 0
}

.small-type {
	font-size: .6875em
}

.boss-type {
	line-height: 1.2;
	margin-top: 2px
}

.boss-type img {
	height: 1em;
	width: auto;
	line-height: 1
}

.boss-2 {
	text-align: center
}

.boss-2 {
	white-space: nowrap;
	font-weight: 700;
	font-size: 1.1875em;
	margin-bottom: 0;
	color: rgba(0, 0, 0, .7)
}

.boss-2 .cp_prefix,
.boss-3 .cp_prefix {
	font-size: 60%
}

.boss-3 img {
	height: 1em;
	width: auto;
	line-height: 1;
	opacity: .6
}

.boss-weather {
	margin-right: auto
}

.weather2 {
	margin-left: -3px
}

.boss-3 {
	text-align: right;
	white-space: nowrap;
	font-weight: 700;
	color: rgba(0, 0, 0, .6)
}

@media only screen and (max-width:768px) {
	#raid-list {
		font-size: 12px
	}
.amiibo-list-item {
	display: inline-block;
	margin: 2px;
	width: calc((100%/2) - 10px);
	text-align: center;
	padding-top: 1.25em;
	font-size: medium;
	position: relative;
	font-weight: 700;
	color: #000000;
}
	
}

@media only screen and (max-width:480px) {
	#raid-list {
		font-size: 13px
	}
	.list>li.boss-item {
		width: calc(100%/2.1 - 3px)
	}
.amiibo-list-item {
	display: inline-block;
	margin: 2px;
	width: calc((100%/2) - 10px);
	text-align: center;
	padding-top: 1.25em;
	font-size: medium;
	position: relative;
	font-weight: 700;
	color: #000000;
}

}

@media only screen and (max-width:375px) {
	#raid-list {
		font-size: 11px
	}
	.list>li.boss-item {
		width: calc(100%/2.1 - 3px)
		}
.amiibo-list-item {
	display: inline-block;
	margin: 2px;
	width: calc((100%/2) - 10px);
	text-align: center;
	padding-top: 1.25em;
	font-size: medium;
	position: relative;
	font-weight: 700;
	color: #000000;
}

}

@media only screen and (max-width:320px) {
	#raid-list {
		font-size: 10px
	}
	.list>li.boss-item {
		width: calc(100%/2.1 - 3px)
			}
.amiibo-list-item {
	display: inline-block;
	margin: 2px;
	width: calc((100%/2) - 10px);
	text-align: center;
	padding-top: 1.25em;
	font-size: medium;
	position: relative;
	font-weight: 700;
	color: #000000;
}
			
}

.egg-list-flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-padding-start: 0;
	padding-inline-start: 0;
	margin-top: 0;
	padding-bottom: 1em
}

.egg-list-item {
	display: inline-block;
	margin: 6px;
	width: calc((100%/6) - 12px);
	text-align: center;
	padding-top: 1.25em;
	font-size: smaller;
	position: relative
}

.egg-list-img img {
	margin-top: -35%;
	margin-bottom: -10%
}

.egg-list-item .shiny-icon {
	position: absolute;
	height: 15%;
	right: calc(.5rem);
	top: calc(1.25rem + .5rem)
}

.egg-list-item .regional-icon {
	position: absolute;
	height: 15%;
	left: calc(.5rem);
	top: calc(1.25rem + .5rem)
}

.egg-list-img.egg2km {
	background: rgba(133, 179, 100, .75)
}

.egg-list-img.egg5km {
	background: rgba(206, 143, 51, .75)
}

.egg-list-img.egg7km {
	background: rgba(255, 255, 107, .75)
}

.egg-list-img.egg10km {
	background: rgba(122, 114, 149, .75)
}

.egg-list-img.egg12km {
	background: rgba(181, 37, 37, .75)
}

.egg-list-img {
	border-radius: 12px;
	background: #f0f8ff;
	border: 1px solid #ddd
}

.hatch-pkmn {
	font-weight: 700
}

.cp-prefix {
	font-size: small
}

.cp-range {
	font-size: smaller;
	color: #555
}

.event-page-image {
	position: relative;
	padding: 0;
	margin: 0;
	background-color: #fff;
	overflow: hidden
}

#start-text {
	font-size: 13px;
	font-weight: 700
}

#event-date-start {
	font-size: larger
}

#event-time-start {
	font-size: smaller
}

#event-time-date-box {
	padding-left: 8px
}

.event-section-header.features {
	border-left: 5px #9b59b6 solid
}

.event-section-header.raids {
	border-left: 5px #e74c3c solid
}

.event-section-header.research {
	border-left: 5px #e67e22 solid
}

.event-section-header.spawns {
	border-left: 5px #00b894 solid
}

.event-section-header.shiny {
	border-left: 5px #f1c40f solid
}

.event-section-header.graphic {
	border-left: 5px #34495e solid
}

.event-section-header.eggs {
	border-left: 5px #2ecc71 solid
}

.event-section-header {
	background: #eee;
	border-radius: 5px;
	line-height: 2em;
	padding: 0 1rem
}

.event-section-header img {
	width: 40px;
	vertical-align: middle;
	padding-left: 5px;
	padding-bottom: 5px
}

.events-list {
	display: block
}

.events-header {
	-webkit-margin-before: .25em;
	margin-block-start: .25em;
	-webkit-margin-after: 0;
	margin-block-end: 0
}

.events-hr {
	-webkit-margin-before: .25em;
	margin-block-start: .25em;
	color: #ddd
}

.event-item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border-radius: 10px;
	border: 1px;
	width: 100%;
	background: #fff
}

.event-item h2 {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	margin-right: auto;
	-webkit-margin-before: .25em;
	margin-block-start: .25em;
	-webkit-margin-after: 0;
	margin-block-end: 0;
	margin-top: .25em;
	margin-bottom: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: calc(100vw - 9em);
	overflow: hidden
}

.events-list a {
	text-decoration: none;
	color: #212121
}

.event-item img {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
	width: 100%;
	max-width: initial;
	object-fit: cover;
	height: 5em;
	width: 10em;
	border-radius: 10px 0 0 10px;
	vertical-align: middle
}

.event-item img.left {
	object-position: 0 50%
}

.event-item img.right {
	object-position: 100% 50%
}

.event-text {
	display: block;
	width: 25em
}

.event-text>p {
	-webkit-margin-before: 0;
	margin-block-start: 0;
	-webkit-margin-after: 0;
	margin-block-end: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-size: smaller;
	opacity: .8
}

.amiibo-list-flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-padding-start: 0;
	padding-inline-start: 0;
	margin-top: 0;
	padding-bottom: 1em
}

.amiibo-list-item {
	display: inline-block;
	margin: 2px;
	width: calc((100%/4) - 10px);
	text-align: center;
	padding-top: 1.25em;
	font-size: medium;
	position: relative;
	font-weight: 700;
	color: #000000;
}
	
}

.pkmn-list-img.bug {
	background: rgba(198, 209, 110, .99)
}

.pkmn-list-img.dark {
	background: rgba(162, 146, 136, .75)
}

.pkmn-list-img.dragon {
	background: rgba(112, 56, 248, .15)
}

.pkmn-list-img.electric {
	background: rgba(255, 255, 0, .75)
}

.pkmn-list-img.fairy {
	background: rgba(0, 0, 0, .15)
}

.pkmn-list-img.fighting {
	background: rgba(192, 48, 40, .75)
}

.pkmn-list-img.fire {
	background: rgba(245, 172, 120, .75)
}

.pkmn-list-img.flying {
	background: rgba(148, 118, 240, .75)
}

.amiibo {
	background: rgba(255, 255, 255, .99)
}

.pkmn-list-img.ghost {
	background: rgba(162, 146, 188, .75)
}

.pkmn-list-img.ground {
	background: rgba(247, 222, 63, .75)
}

.pkmn-list-img.ice {
	background: rgba(152, 216, 216, .15)
}

.pkmn-list-img.normal {
	background: rgba(199, 198, 167, .75)
}

.pkmn-list-img.psychic {
	background: rgba(248, 88, 136, .15)
}

.pkmn-list-img.poison {
	background: rgba(193, 131, 193, .75)
}

.pkmn-list-img.rock {
	background: rgba(163, 140, 33, .75)
}

.pkmn-list-img.steel {
	background: rgba(209, 209, 224, .75)
}

.pkmn-list-img.water {
	background: rgba(0, 128, 255, .75)
}

.pkmn-list-img.shadow {
	background-image: url('../../pokemongoguide/css/shadow.gif')
}

.pkmn-list-img.shiny {
	background: rgba(207, 181, 59, .75)
}

.pkmn-list-img.egg2km {
	background: rgba(133, 179, 100)
}

.pkmn-list-img.egg5km {
	background: rgba(206, 143, 51, .75)
}

.pkmn-list-img.egg7km {
	background: rgba(255, 255, 107, .75)
}

.pkmn-list-img.egg10km {
	background: rgba(122, 114, 149, .75)
}

.pkmn-list-img.egg12km {
	background: rgba(181, 37, 37, .75)
}

.pkmn-list-item .amiibo-name {
	margin-top: .25em;
	opacity: .99
}

.pkmn-list-item .pkmn-list-img img {
	margin-top: -35%;
	margin-bottom: -10%
}

.pkmn-list-item .shiny-icon {
	position: absolute;
	height: 1.25em;
	right: .6em;
	bottom: 63%
}

.pkmn-list-img {
	border-radius: 12px;
	background: #f0f8ff;
	border: 1px solid #ddd
}

@media only screen and (max-width:768px) {
	.event-item img {
		height: 5em;
		width: 5em
	}
	.event-item h2 {
		font-size: 18px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: calc(100vw - 9em)
	}
	.event-text {
		width: initial
	}
	.event-text>p {
		-webkit-margin-before: 0;
		margin-block-start: 0;
		-webkit-margin-after: 0;
		margin-block-end: 0;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 13px;
		width: 100%
	}
	.pkmn-list-item {
		font-size: 13px;
		margin: 3px;
		width: calc((100%/3) - 6px)
	}
	.pkmn-list-img {
		border-radius: 10px
	}
}

@media only screen and (max-width:375px) {
	.event-item img {
		height: 4em;
		width: 4em
	}
	.event-item h2 {
		font-size: .9em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: calc(100vw - 9em)
	}
	.event-text>p {
		-webkit-margin-before: 0;
		margin-block-start: 0;
		-webkit-margin-after: 0;
		margin-block-end: 0;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 10px;
		width: 100%
	}
	
.amiibo-list-item {
	display: inline-block;
	margin: 2px;
	width: calc((100%/2) - 10px);
	text-align: center;
	padding-top: 1.25em;
	font-size: medium;
	position: relative;
	font-weight: 700;
	color: #000000;
}
	
}

@media only screen and (max-width:321px) {
	.event-item h2 {
		font-size: .9em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: calc(100vw - 9em);
		margin-top: .15em;
		margin-bottom: .15em
	}
	.event-text>p {
		font-size: 10px;
		margin-top: -.5em;
		margin-bottom: .15em
	}
}

hr {
	border-style: solid;
	color: #d9d9d9
}

.list {
	margin: 0;
	padding: 20px 0 0
}

.list>li.header-li {
	list-style-type: none
}

#th-box-label {
	padding-left: 0!important
}

.box-img {
	position: absolute;
	bottom: 0;
	right: 0
}

.item-img {
	display: inline;
	padding: 0 1.25rem
}

@media (max-width:901px) {
	.item-name {
		height: 2.5rem;
		vertical-align: middle
	}
}

@media only screen and (max-width:768px) {
	.main-nav {
		position: absolute;
		top: -3vw;
		left: 0;
		z-index: 10;
		width: 300px;
		height: 200%;
		background-color: #fff;
		padding: 25px 30px;
		-webkit-transform: translate3d(98vw, 0, 0);
		transform: translate3d(98vw, 0, 0);
		white-space: initial
	}
	.main-nav ul {
		padding: 15px 0 0;
		display: inline-block
	}
	.main-nav ul li {
		padding-right: 0
	}
	.main-nav ul li.menu-text {
		display: block;
		border-bottom: solid 2px #555
	}
	.main-nav ul li a {
		width: 240px
	}
	.main-nav ul li.nav-item {
		border-bottom: solid 1px #cecece
	}
	.main-nav ul a.nav-link {
		margin: 1rem 0
	}
	.nav-link {
		padding: 0 1rem
	}
	span.nav-link:hover {
		border-radius: 0;
		background-color: #fff
	}
	span.nav-link:after {
		display: none
	}
	.main-header .logo a {
		font-size: 30px
	}
	.main-header .logo img {
		align: bottom;
		margin-right: .2em;
		width: auto;
		height: 30px
	}
	
	.amiibo-list-item {
	display: inline-block;
	margin: 2px;
	width: calc((100%/2) - 10px);
	text-align: center;
	padding-top: 1.25em;
	font-size: medium;
	position: relative;
	font-weight: 700;
	color: #000000;
}

}

@media only screen and (max-width:480px) {
	.page-image {
		height: 200px
	}
	.page-content {
		margin-top: 8px;
		padding: 15px
	}
	.header-page {
		margin-bottom: 20px
	}
	.header-page h1 {
		font-size: 36px;
		margin: 0 0 5px
	}
	.header-page .page-date {
		font-size: 14px
	}
	.main-header .logo a {
		font-size: 24px
	}
	.main-header .logo img {
		align: bottom;
		margin-right: .2em;
		width: auto;
		height: 24px
	}
	.menu-icon {
		font-size: 16px
	}
	.author-box {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center
	}
	.author-box .author-img {
		height: 100px;
		width: 100px;
		margin: 0 0 10px
	}
	.egg-list-item {
		font-size: 1rem;
		margin: 3px;
		width: calc((100%/3) - 6px)
	}
	
.amiibo-list-item {
	display: inline-block;
	margin: 2px;
	width: calc((100%/2 - 10px);
	text-align: center;
	padding-top: 1.25em;
	font-size: medium;
	position: relative;
	font-weight: 700;
	color: #000000;
}
	
}

@media only screen and (max-width:320px) {
	body {
		font-size: 16px
	}
.amiibo-list-item {
	display: inline-block;
	margin: 2px;
	width: calc((100%/2 - 10px);
	text-align: center;
	padding-top: 1.25em;
	font-size: medium;
	position: relative;
	font-weight: 700;
	color: #000000;
}
	
}