:root {
	
	/* 
	Media Query Breakpoints 
	
	--mobile: 600px;
	--tablet: 1024px;
	--desktop: 1280px;
	--desktop-hd: 1440px;
	--desktop-uhd: 1920px;
	
	*/
	
	/* Backgrounds */
	--bg-light: #1a2a4a;
	--bg-dark: #13161b;
	
	/* Text */
	--text-color: #212121;

	/* Border Radius */
	--border-radius-main: 8px; 

	/* Name Colors */
	--yellow: #ffac38;
	--pink: #e742a2;
	--blue: #1764af;
	--softblue: #3daae7;
	--bluegreen: #40b5a2;
	--green: #27b864;
	--red: #c83c2d;
	--purple: #893da9;
	--pine: #3f7643;
	--orange: #ff5f2e;
	
	/* Pogo UI Colors */
	
	/* Buttons */
	--btn-primary: #ff5f2e;
	--btn-secondary: #3daae7;
	
	/* Grayblues Colors */
	--gb-1: #262931;
	--gb-2: #272d36;
	--gb-3: #333e4f;
	--gb-4: #363f4f;
	
	/* Type Colors */
	--type-normal: #9099a1;
	--type-bug: #90c12c;
	--type-electric: #f3d23b;
	--type-fighting: #ce4069;
	--type-ghost: #5269ac;
	--type-psychic: #f97176;
	--type-flying: #8fa8dd;
	--type-steel: #5a8ea1;
	--type-ice: #74cec0;
	--type-poison: #ab6ac8;
	--type-fire: #ff9c54;
	--type-dragon: #0a6dc4;
	--type-ground: #d97746;
	--type-water: #4d90d5;
	--type-dark: #5a5366;
	--type-rock: #c7b78b;
	--type-grass: #63bb5b;
	--type-fairy: #ec8fe6;
  
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
  margin: 0 auto
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 700;
	margin-top: 0;
    margin-bottom: 1rem;
    line-height: 1.2;
}
h1{
	font-size: 1.75rem;
	font-weight: 700;
	letter-spacing: -0.05rem;
}

h2{
	font-size: 1.625rem;
	font-weight: 700;
	letter-spacing: -0.025rem;
}

h3{
	font-size: 1.4rem;
}

h4{
	font-size: 1.325rem; 
}

h5{
	font-size: 1.2rem;
}

h6{
	font-size: 1rem;
}

.white{color: #fff}

p{
	font-size: 1rem;
	line-height: 1.35;
}

p.medium{
	font-size: 1.2rem
}

p.large{
	font-size: 1.4rem
}

p.light{color: #fff;}
p.dark{color: var(--text-color, #111)}

a{
	text-decoration: none;
}

.mb05{margin-bottom: 0.5rem}
.mb1{margin-bottom: 1rem}
.mb15{margin-bottom: 1.5rem}
.mb2{margin-bottom: 2rem}
.mb25{margin-bottom: 2.5rem}
.mb3{margin-bottom: 3rem}

.mt05{margin-top: 0.5rem}
.mt1{margin-top: 1rem}
.mt15{margin-top: 1.5rem}
.mt2{margin-top: 2rem}
.mt25{margin-top: 2.5rem}
.mt3{margin-top: 3rem}


/* Buttons */

.btn, button{
	font-size: 1.1rem;
	background: var(--btn-primary);
	color: #fff;
	border-radius: var(--border-radius-main);
	padding: 0 2.5rem;
	display: inline-block;
	line-height: 3.5rem;
	font-weight: 600;
	border: none;
	text-transform: capitalize;
	opacity: 0.85;
	position: relative;
	top: 0;
	transform: scale(1.00);
	transition: transform .2s linear, opacity .2s linear;
	outline: none;
	border: 2px solid transparent
}

.btn:hover, button:hover{
	box-shadow: 0px 15px 15px -10px rgba(0,0,0,.25);
    opacity: 1;
	transform: scale(1.02);
}

.btn:active, button:active{
	transform: scale(1)
}

@media (min-width: 1440px){
	.btn, button{
		font-size: 1rem;
	}
}

button.pill,
.btn.pill{
	border-radius: 4rem;
}

button.outline,
.btn.outline{
	border-width: 2px;
	border-style: solid;
	background: none;
	line-height: 3.5rem
}

button.fw,
.btn.fw{
	width: 100%;
	display: block;
	text-align: center;
	padding: 0 !important
}

button.outline.orange,
.btn.outline.orange{
	background: none !important;
	border-color: var(--btn-primary) !important;
	color: var(--btn-primary);
}

button.blue,
.btn.blue{
	background: var(--btn-secondary);
}

button.purple,
.btn.purple{
	background: #7147bd;
}

button.blue.outline,
.btn.blue.outline{
	background: none !important; 
	border-color: var(--btn-secondary);
	color: var(--btn-secondary)
}

button.white, 
.btn.white{
	background: white;
	color: var(--btn-primary)
}

button.white.outline, 
.btn.white.outline{
	background: none !important; 
	border-color: white;
	color: white
}

button.pogo,
.btn.pogo{ 
	background: linear-gradient(to right, #a6d99a, #26cea7) !important;
	border: none !important;
	line-height: 5rem
}

.page-header h1:after,
.deco:after,
.deco-12:after,
.deco-wide-blue:after,
.deco-blue:after,
.deco-orange:after,
.deco-wide-orange:after,
.deco-yellow:after,
.deco-wide-yellow:after,
.deco-green:after{
	content: '^^^^^^^^';
	color: #ff627d;
    display: block;
    font-weight: 600 !important;
    letter-spacing: -3px;
    font-size: 14px;
	margin-top: 0.25rem;
}

.deco-blue:after{
	color: #3daae7;
}

.deco-green:after{
	color: #009688 !important
}


.deco-wide:after{
	content: '^^^^^^^^^^^^';
}

.deco-wide-blue:after{
	content: '^^^^^^^^^^^^';
	color: #3daae7;
}

.deco-orange:after{
	color: #ff5f2e;
}

.deco-wide-orange:after{
	content: '^^^^^^^^^^^^';
	color: #ff5f2e;
}

.deco-yellow:after{
	color: #ffa444;
}

.deco-wide-yellow:after{
	content: '^^^^^^^^^^^^';
	color: #ffa444;
}



.center{
	text-align: center;
}



/* SCROLLBARS */
::-webkit-scrollbar {
    width: 12px;
	height: 12px;
    background-color: #13161b;
}

::-webkit-scrollbar-thumb {
    background-color: #374153;
    border-radius: 5px; 
}

::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

::-webkit-scrollbar-button{
	background: #13161b;
}

::-webkit-scrollbar-track-piece{
	background: #13161b
}

::-webkit-scrollbar-corner{
	background: #13161b
}



html,body {
	font-size: 14px;
    margin: 0;
}






@media (max-width: 500px){ html,body{font-size: 10px !important} }
@media (min-width: 600px){ html,body{font-size: 11px !important} }

@media (min-width: 800px){ html,body{font-size: 12px !important} }
@media (min-width: 1600px){ html,body{font-size: 13px !important} }
@media (min-width: 1920px){ html,body{font-size: 14px !important} }
@media (min-width: 2500px){ html,body{font-size: 15px !important} }

select{
	-webkit-appearance: none;
	color: #111
}

*{
	box-sizing: border-box !important;
}

*,html{
	font-family: 'Poppins', sans-serif;
}

input,select{
	outline: none;
}

.mobile-only{
	display: none;
}

#mobile-nav{
	display: none
}

hr{
	clear: both;
	opacity: 0.25;
	margin: 2rem 0
}

hr.lg{
	opacity: 0.35;
	margin: 4rem 0
}

code{
	display: block;
    background: #fff;
    padding: 0.7rem 1rem;
    border-radius: 8px;
    margin-top: 1rem;
    border: 1px solid #ddd;
	line-height: 28px;
	font-size: 13px;
}



@keyframes fadeInDownSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(40%, 0, 0);
    transform: translate3d(40%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2%, 0, 0);
    transform: translate3d(-2%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInUpSmall {
  -webkit-animation-name: fadeInUpSmall;
  animation-name: fadeInUpSmall;
}
.animate__fadeInDownSmall {
  -webkit-animation-name: fadeInDownSmall;
  animation-name: fadeInDownSmall;
}
.animate__fadeInRightSmall {
  -webkit-animation-name: fadeInRightSmall;
  animation-name: fadeInRightSmall;
}
.animate__fadeInLeftSmall {
  -webkit-animation-name: fadeInLeftSmall;
  animation-name: fadeInLeftSmall;
}


/* Spin Animation */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes shake {
    0 { transform: translate(0, 0) rotate(0); }
    20% { transform: translate(-10px, 0) rotate(-20deg); }
    30% { transform: translate(10px, 0) rotate(20deg); }
    50% { transform: translate(-10px, 0) rotate(-10deg); }
    60% { transform: translate(10px, 0) rotate(10deg); }
    100% { transform: translate(0, 0) rotate(0); }
}

@keyframes popBig {
    0% { transform: scale(1); }
    50% { transform: scale(2); }
    100% { transform: scale(1); }
}

@keyframes pop {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

@keyframes scaleAndFadeIn {
    0% {
        transform: scale(1);
        opacity: 0.1;
    }
    50% {
        transform: scale(1.15);
        opacity: 0.75;
    }
	100% {
        transform: scale(1);
        opacity: 0.1;
    }
}


@keyframes shadowClouds {
    0% {
        transform: scale(0.25);
		opacity: 0.5
    }
    100% {
        transform: scale(1);
		opacity: 1		/* Adjust the value for more or less height */
    }
}

@keyframes scaleUp {
    0% {
        transform: scale(0.25);
		
    }
    100% {
        transform: scale(1);
		/* Adjust the value for more or less height */
    }
}


@keyframes levitate {
  0%, 100% {
    transform: translateY(0); /* Start and end position, no vertical movement */
  }
  50% {
    transform: translateY(-5px); /* Move up */
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


.wpDataTablesWrapper {
    border-radius: 12px;
	padding: 2rem !important
}

.wpdt-c .wpDataTablesWrapper table{
	font-size: 1.1rem !important;
}

.wpdt-c.wdt-skin-dark-mojito 
.wpDataTablesWrapper table.wpDataTable td{
	padding: 0.25rem 1rem !important
}

.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable thead th.sorting_asc, .wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable thead th.sorting_desc, .wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable thead th.sorting:hover{
	background-color: #ff5f2e !important;
    border-color: #ff5f2e !important;
    color: #fff !important;	
}

#raid-boss-feed .wpdt-c.wdt-skin-dark-mojito .outlined {
    border: 2px solid #ff5f2e !important;
}

.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.has-columns-hidden span.responsiveExpander, .wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.has-columns-hidden > tbody > tr > td > span.responsiveExpander {
    opacity: 0.6;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px !important;
    margin-right: 7px;
	background-size: 80%; 
	margin-top: 3px;
	display: none !important;
}

.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.has-columns-hidden > tbody > tr.row-detail > td{
	background-color: #2a333f !important;
}

.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.has-columns-hidden tr.row-detail > td ul li span.columnTitle {
    color: #fff !important;
}

.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.has-columns-hidden tr.row-detail > td ul li span.columnValue {
    color: #97a8bd !important;
}

.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.has-columns-hidden tr.row-detail > td ul li span.columnTitle,
.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.has-columns-hidden tr.row-detail > td ul li span.columnValue{
	flex: 1;
	text-align: left;
	min-width: 50%;
}



.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable td.table_pokemon_col{
	
}

.table_pokemon_col img.mon{
	margin-right: 10px;
	
}

tbody .column-dps{
	font-size: 1.4em !important;
	font-weight: 600;
	text-align: center !important;
}

table.wpDataTable td.column-dps{
	text-align: center !important
}

.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper {
  /* background: #333D49; */
  background: #1b2129 !important;
}
.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable > thead > tr > th, .wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable thead th.sorting, .wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper .wdt-checkbox-filter.btn, #wdt-filter-widget .wdt-skin-dark-mojito .wdt-checkbox-filter.btn {
  /* background-color: #333D49; */
  /* border-color: #485163; */
  background-color: transparent !important;
  border-color: transparent !important;
}
.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable tr.odd td {
  /* background-color: #333D49; */
  background-color: transparent !important;
}
.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable tr.even td {
  /* background-color: #333D49; */
  background-color: rgb(255 255 255 / 3%) !important;
}
.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable tr td:first-child, .wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable thead tr td:first-child, .wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable tfoot tr td:first-child {
  /* border-left: 1px solid #485163; */
  border-left: 0px solid transparent !important;
}
.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable tr.odd td.sorting_1 {
  /* background-color: #333D49; */
  background-color: transparent !important;
}
.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable tr.even td.sorting_1 {
  /* background-color: #333D49; */
  background-color: rgba(255,255,255,0.04) !important;
}
.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable tr.odd:hover > td, .wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable tr.odd:hover > td.sorting_1, .wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable tr.even:hover > td, .wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable tr.even:hover > td.sorting_1 {
  /* background-color: #44505B; */
  background-color: rgba(255,255,255,.1) !important;
}

.wpdt-c.wpDataTablesWrapper table#wpdtSimpleTable-1 tr.odd td, .wpdt-c .wpDataTablesWrapper table.wpDataTable.wpDataTableID-1 tr.odd td {
    background-color: transparent !important;
}

@media(max-width: 960px){
	
	.wpDataTablesWrapper {
		border-radius: 8px;
	}

	.wpdt-c .wpDataTablesWrapper table{
		font-size: 1.2rem !important;
	}

	th:last-child,
	td:last-child {
		width: 120px !important
	}
	
	.table_pokemon_col img.mon{
		width: 36px;
	}


}

tr.shadow .column-pokemon{
	color: #ffdaff
}

tr.mega .column-pokemon{
	color: #ffffc8
}

.wpdt-c.wdt-skin-dark-mojito .wpDataTablesWrapper table.wpDataTable tr.shadow td{
	background: rgb(193 149 249 / 11%) !important
}

tr.shadow .column-pokemon img{
	filter: grayscale(100%) brightness(70%) sepia(100%) hue-rotate(-136deg) saturate(150%) contrast(1.5)
}



.pg-submit-a-nest .fw-page{
	width: 700px;
	padding: 3rem
}

.pg-submit-park .fw-page{
	width: 800px;
	padding: 3rem
}

#gform_1 .quick-copy{
	position: relative; 
}

#gform_1 .quick-copy code{
	padding: 10px 20px
}

#gform_1 .quick-copy span{
	position: absolute;
	font-size: 1.1rem;
	font-weight: 500;
	pointer-events: none
}

#gform_1 .quick-copy span.copied{
	display: none
}

#gform_1 #gform_submit_button_1,
#gform_1 .gform_footer{
	margin-top: 0px !important
}

#gform_1 .gform_footer{
	padding-top: 0px !important
}

#gform_1 .quick-copy span.copy{
	background: #ddd;
	padding: 8px; 
	border-radius: 8px;
	right: 10px; top: 10px;
	font-size: 14px;
}

#gform_1 .quick-copy.active code{
	background: #f5fff5;
	border-color: #a6d3a6
}

#gform_1 .quick-copy.active span.copy{
	display: none;
}

#gform_1 .quick-copy.active span.copied{
	font-size: 14px;
	display: block;
	top: 16px; right: 20px
}

/*.btn, */input[type=file]::file-selector-button, input[type="submit"]{
	font-size: 1.1rem;
	background: #ff5f2e;
    color: #fff!important;
	display: inline-block;
	border-radius: 12px; 
	line-height: 54px;
	padding: 0 1.5rem;
	text-decoration: none; 
	font-weight: 600;
	border: none;
	transition: all .1s;
	opacity: 0.9;
	cursor: pointer;
	position: relative;
	top: 0;
}

input[type=file]::file-selector-button{
	line-height: 36px;
	font-size: 1rem;
}

/*.btn:hover,*/ input[type=file]::file-selector-button:hover, input[type="submit"]:hover{
	background-size: 250% auto;
    box-shadow: 0px 30px 15px -20px rgba(0,0,0,.2);
	opacity: 1;
	top: -2px;
	transition: all .2s;
}

/*.btn:active,*/ input[type=file]::file-selector-button:active, input[type="submit"]:active{
	top: 0;
	transform: scale(0.99)
}

input[type="submit"]{
	width: 100%; 
	line-height: 72px;
	font-size: 1.1rem;
	margin-top: 2rem
}

input[type="text"], select, textarea {
    border-radius: 8px;
    border: 1px solid #ccc;
}

input[type="checkbox"] {
    padding: 1rem;
    width: 20px;
    height: 20px;
}

.gfield_description {
    margin-bottom: 1rem;
    font-size: 0.9rem !important;
    opacity: 0.7;
}

.gchoice{
	padding: 0.25rem 0
}

fieldset.gfield{
	border-top: none;
	border-right: none;
	border-bottom: none;
}

#gform_1 .gform_fileupload_rules{
	display: none !important
}

.gform_wrapper.gravity-theme legend.gfield_label {
	background: #cde7fb;
    padding: 10px 1rem;
    border-radius: 8px;
}

input[type=file] {
    background: #fdfdfd;
    padding: 0.75rem;
    border-radius: 10px;
    border: 1px solid #ddd;
	box-shadow: 0 15px 10px -10px rgba(0,0,0,0.025);
}

input[type=file]::file-selector-button{
	margin-right: 1rem;
}





#field_2_23{
	margin-bottom: 1rem
}

.gfield--type-fileupload{
	border: 1px solid #bdd0ef;
    padding: 2rem;
    border-radius: 10px;
    margin: 0.25rem 0;
    background: #eff5ff;
}

h3.gsection_title{
	margin: 2rem 0 0 0;
}

h3.gsection_title:after{
	content: '^^^^^^^^^^^^^^';
	color: #3daae7;
    display: block;
    font-weight: 600 !important;
    letter-spacing: -5px;
    font-size: 23px;
	margin-top: 0.5rem;
    font-family: monospace;
}

@media (max-width: 600px){
	h3.gsection_title{
		text-align: center
	}
	#field_2_10{
		padding-bottom: 0 !important
	}
}

#field_2_10 h3.gsection_title{
	margin-top: 0 !important
}

.gform_wrapper.gravity-theme .gsection:first-of-type{
	border-top: none !important;
}

.gform_wrapper.gravity-theme .gsection{
	padding-top: 2rem;
	border-bottom: none !important;
}

#field_1_26{
	font-size: 1.1rem;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

#input_1_26{

}

#label_1_26_1{
	margin-left: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    display: inline-block;
}

.gfield.gfield--type-text,
.gfield.gfield--type-select,
.gfield.gfield--type-textarea,
.gfield.gfield--type-address,
.gfield.gfield--type-captcha,
.gfield.gfield--type-number{
	background: #fff !important;
    padding: 1.5rem 1.5rem 1.25rem 1.5rem !important;
    border-radius: 8px !important;
	border-left: 5px solid #e0e3e8;
}

@media(max-width: 600px){
	.gfield.gfield--type-text,
	.gfield.gfield--type-select,
	.gfield.gfield--type-textarea,
	.gfield.gfield--type-address{
		border-left: none !important
	}
}

.gfield.gfield--type-address label{
	font-weight: 600;
    font-size: 12px !important;
    padding: 0.5rem 0;
    margin-top: 4px;
}

.gfield.gfield--type-address input[type="text"]{
	border-radius: 8px !important
}

.gfield.gfield--type-select .gfield_description,
.gfield.gfield--type-text .gfield_description{
    font-size: 1rem !important;
    line-height: 150% !important;
    background: #ecf3f1;
    padding: 1rem 1.5rem !important;
    border-radius: 8px;
    display: block;
    margin-top: 1rem;
	margin-bottom: 0 !important;
	opacity: 1 !important
}

.gfield.gfield--type-fileupload .gfield_description{
    font-size: 11px !important;
    line-height: 150% !important;
    padding: 0 !important;
    border-radius: 8px;
    display: block;
    margin: 1rem 0 0 0;
	opacity: 1 !important	
}

#field_1_17{
	margin-bottom: 2rem
}

.gfield input[type="text"],
.gfield input[type="number"],
.gfield textarea{
	border: none;
	background: #f5f5f5;
	border-radius: 40px;
	padding: 0.5rem 1.5rem !important;
	font-size: 16px !important;
}

.gfield input[type="text"],
.gfield input[type="number"]{
	line-height: 32px !important
}

.gfield textarea{
	border-radius: 8px;
	font-size: 1.2rem;
	padding: 1rem !important;
	line-height: 125%;
	font-size: 16px;
	font-weight: 500
}

.gfield input[type="text"]:focus,
.gfield input[type="number"]:focus,
.gfield textarea:focus{
	outline: 2px solid #000
}

.gform_wrapper.gravity-theme .gfield_label{
	font-size: 1.1rem !important
}

@media (max-width: 600px){
	.gform_wrapper.gravity-theme .gfield_label{
		font-size: 13px !important
	}
}

#input_2_8{
	text-transform: capitalize
}

#input_2_14, #input_2_15, #input_2_21, #input_2_23{
	font-size: 2rem !important;
	text-align: center;
}

.gfield--type-section{
	padding-bottom: 0px !important
}

.gfield.gfield--type-fileupload .gform_fileupload_rules{
	font-size: 0.85rem !important;
	opacity: 0.5 !important
}


.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: #fff5f7 !important;
    border: 0px solid red !important;
    font-size: 14.992px;
    margin-top: 8px;
    padding: 12.992px 24px;
    border-left: 3px solid #fc617c !important;
    color: #fc617c !important;
}

.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: 0px solid #ff627d !important;
    /* background: #fff; */
}

.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, .gform_wrapper.gravity-theme .gfield_error label, .gform_wrapper.gravity-theme .gfield_error legend, .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message, .gform_wrapper.gravity-theme [aria-invalid=true]+label, .gform_wrapper.gravity-theme label+[aria-invalid=true] {
    color: #222 !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors{
	padding: 1.5rem !important;
    border-radius: 8px !important;
    background: #f6f5ff !important;
	border: 0px solid transparent  !important;
    border-left: 5px solid #b8adef !important;
    line-height: 140% !important;
	display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.gform_wrapper.gravity-theme .gform_validation_errors img {
    border-radius: 50px;
    width: 48px;
    border: 3px solid #b8adef;
    margin-right: 1.5rem;
}

.gfield.gfield_error{
	border-left: 2px solid #fc617c !important
}

.form-detail,
.gfield.gfield--type-select .gfield_description, 
.gfield.gfield--type-text .gfield_description,
.gfield.gfield--type-address .gfield_description,
.gfield.gfield--type-captcha .gfield_description,
.gfield.gfield--type-textarea .gfield_description,
.gfield.gfield--type-number .gfield_description{
	font-size: 1.1rem !important;
	background: #f3fbff;
    padding: 1rem 1.5rem;
    border-radius: 6px;
    border-left: 5px solid #3daae7;
	margin: 0.75rem 0 0 0 !important;
	opacity: 1
}

.gform_wrapper.gravity-theme .gsection{
	padding-right: 0 !important
}

#field_2_24 .gsection_description{
	margin-bottom: 0 !important;
	padding-top: 0 !important
}

.ginput_container select{
	background: #f5f5f5
}

#field_1_19{
	margin-top: -1rem
}


.home-layout{
	display: grid;
    grid-template-columns: 1fr;
    max-width: 94%;
    margin: 0 auto 4rem auto;
    gap: 2rem;
	position: relative;
	z-index: 1;
	width: 1600px;
}

.home-nests{
	background: #fff;
	border-radius: 8px;
}

.home-sidebar{
	background: rgb(0 0 0 / 25%);
}

.home-nests,
.home-sidebar{
	padding: 2rem;
	border-radius: var(--border-radius-main);
}

.home-sidebar .grid-container{
	display: grid;
    grid-template-columns: 1fr;
	gap: 1.5rem
}

.home-sidebar h2{
	color: #fff;
}

@media (min-width: 600px){
	.home-sidebar .grid-container{
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 1024px){
	.home-sidebar .grid-container{
		grid-template-columns: 1fr 1fr 1fr;
	}
}


@media (min-width: 1200px){
	.home-layout{
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 1rem
	}
	.home-nests{
		grid-column: span 3;
		padding: 3rem
	}
	.home-sidebar{
		min-width: 350px;
		background: rgb(0 0 0 / 25%);
		padding: 3rem 2rem;
	}
	.home-sidebar .grid-container{
		grid-template-columns: 1fr;
	}
	.home-layout .home-nests .grid-container{
		grid-template-columns: 1fr 1fr 1fr
	}
	
}

@media (min-width: 1440px){
	.home-layout .home-nests .grid-container{
		grid-template-columns: 1fr 1fr 1fr 1fr
	}	
}

@media (min-width: 1920px){
	.home-layout .home-nests .grid-container{
		grid-template-columns: 1fr 1fr 1fr 1fr
	}	
}



	
	.raid-attacker-feed{min-height: 100vh}
	
	
	#raid-boss-feed{
		padding: 1rem 2rem 2rem 2rem;
		width: 1400px;
		margin: 1rem auto;
		position: relative;
		z-index: 2;
		max-width: 100%
	}
	
	.raid-boss-name{
		font-size: 3rem;
		color: #fff;
		font-weight: 600;
		display: block
	}
	
	.boss-ranking{
		margin: 0;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
		position: relative;
		z-index: 1;
	}
	
	.boss-ranking.single-type{
		grid-template-columns: 1fr;
	}
	
	.boss-ranking.single-type .boss-rank{
		background-position: 98% center;
		padding-left: 1.5rem
	}
	
	.boss-rank{
		font-size: 1rem;
		display: inline-block;
		background: #262931;
		border-radius: 6px;
		padding: 1rem;
		font-weight: 500;
		background-size: 48px;
		background-repeat: no-repeat;
		background-position: 95% center;
	}
	
	.boss-rank:hover, .boss-rank a:active {
		filter: saturate(1.75);
	}
	
	.boss-rank h6{
		margin: 0;
		color: #fff;
		font-size: 0.8rem;
		letter-spacing: 1px;
		font-weight: 600
	}
	
	.boss-rank img{
		width: 48px;
	}
	
	.boss-rank b{
		color: #fff;
		font-weight: 600;
		font-size: 2rem
	}
	
	.boss-rank a{
		color: #fff;
		display: block;
	}
	
	.boss-rank em{
		font-weight: 600;
		margin-left: 5px;
		font-size: 1rem;
		font-style: normal
	}
	
	@media(max-width: 1024px){
		.boss-rank em{
			font-size: 1.1rem
		}
	}
	
	
	
	
	#raid-boss-feed h3{
		margin: 1rem 0;
		font-size: 1.65rem;
		font-weight: 600;
		color: #fff;
	}
	
	#raid-boss-feed h4{
		font-size: 1.25rem;
		font-weight: 600;
		color: #fff;
		margin: 0 0 1rem 0;
	}
	
	#raid-boss-feed .raid-boss{
		padding-top: 2rem
	}
	
	.raid-boss-schedule{
		font-size: 1.25rem;
		color: #eee;
	}
	
	.raid-boss-schedule span{
		display: block
	}
	
	.raid-boss .head-meta{
		margin: 0px
	}
	
	
	
	.raid-boss{
		
		margin: 0 0 3rem 0;
		margin-bottom: 4rem;
		padding-bottom: 4rem
	}
	
	.boss-counters{
		display: flex;
		flex-wrap: wrap;
		margin-top: 1rem;
		justify-content: flex-start
	}
	
	.boss-counter{
		width: calc(16.66% - 10px);
		height: auto;
		border-radius: 6px;
		background: #282f3b;
		padding: 0rem;
		position: relative;
		overflow: hidden;
		margin: 5px;		
	}
	
	@media (max-width: 768px){
		.boss-counter{
			min-width: calc(33.3% - 10px);
			max-width: calc(33.3% - 10px);
			
		}
	}
	
	
	
	.boss-counter img.counter-img{
		max-width: 70%;
		position: relative;
		z-index: 3;
		padding: 3rem 0 1rem 0;
		margin: 0 auto;
		display: block;
	}
	
	.boss-counter strong.counter-name {
		color: #fff !important;
		position: absolute;
		background: #374153;
		opacity: 1;
		z-index: 3;
		padding: 0px 12px;
		border-radius: 0;
		font-size: 1rem;
		width: 100%;
		left: 0;
		top: 0;
		text-align: center;
		font-weight: 500;
		animation: none !important;
		max-height: 38px;
		line-height: 38px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}
	
	@media (max-width: 768px){
		.boss-counter strong.counter-name{
			line-height: 24px;
			max-height: 24px;
			white-space: nowrap;
		}
	}

	.boss-counter .moveset{
		width: 100%;
		text-align: left;
		z-index: 5;
		padding: 0;
		background: #242931;
		padding: 1rem 0 0 0;
		animation: none !important;	
	}
	
	.boss-counter .fastmove, 
	.boss-counter .chargedmove {
		padding: 1px 10px 1px 1.25rem;
		color: #fff;;
		font-weight: 500;
		font-size: 0.9rem;
		white-space: nowrap;
	}
	
	@media(max-width: 768px){
		.boss-counter .fastmove,
		.boss-counter .chargedmove {
			padding: 1px 0px 1px 10px;
		}
	}

	.boss-counter .moveset img {
		width: 100%;
	}

	.boss-counter .move_icon {
		width: 26px;
		display: inline-block;
		float: left;
		margin-right: 8px;
	}

	.boss-counter .move_name {
		display: inline-block;
		line-height: 30px;
		overflow: hidden;
		max-width: 70%;
		text-overflow: ellipsis;
	}
	
	.raid-boss .rank{
		font-size: 18px;
		position: absolute;
		top: 48px;
		color: #8a94a1;
		font-weight: 700;
		z-index: 5;
		border-radius: 100px;
		text-align: center;
		left: 1rem;
	}

	@media (max-width: 768px){
		.boss-counter .moveset{
			padding: 1rem 0 0 0;
		}
		.boss-counter .move_icon{
			width: 16px;
			margin-right: 6px
		}
		.boss-counter .move_name{
			line-height: 16px;
			font-size: 1rem
		}
		.boss-counter .rank{
			top: 32px;
			font-size: 11px; 
			left: 0.75rem;
			letter-spacing: 2px
		}
	}

	.boss-counter .pokeball-layer {
		background: url(/assets/images/pokeball-bg-opaque.png);
		height: 100%;
		width: 75%;
		position: absolute;
		top: 0;
		background-size: 100%;
		background-repeat: no-repeat;
		z-index: 0;
		opacity: 0.25;
		left: 12.5%;
		top: 14%;
		pointer-events: none;
	}
	
	.boss-counter .special-icons {
		position: absolute;
		right: 10px;
		top: 49%;
		z-index: 12;
	}
	
	@media (max-width: 768px){
		.boss-counter .special-icons{
			transform: scale(0.75);
			top: 46%; right: 6px
		}
	}

	.boss-counter .special-icons .icon{
		width: 20px;
		height: 20px;
		border-radius: 100px;
		text-align: center;	
	}

	.boss-counter .special-icons .icon img {
		max-height: 11px;
		position: relative;
		top: 4px;
		vertical-align: top;
	}

	.boss-counter .special-icons .icon.mega-icon{background: #ff4689}
	.boss-counter .special-icons .icon.shadow-icon{background: #7a3ee5}
	.boss-counter .special-icons .icon.legendary-icon{background: #dfb82f}


/* SHADOW COUNTER STYLING */
.boss-counter.shadow{
	background: #272543;
}

.boss-counter.shadow img.counter-img {
    filter: grayscale(100%) brightness(70%) sepia(100%) hue-rotate(-136deg) saturate(150%) contrast(1.5);
}

.boss-counter.shadow strong.counter-name{
	background: #3e3c59
}

.boss-counter.shadow .moveset{
	background: #201f2e
}

.boss-counter.shadow .pokeball-layer{
	/* filter: grayscale(100%) brightness(0%); */
    opacity: 0.35;
}

/* BOSS META */

.boss-meta{
	
	max-width: calc(100% - 10px);
	position: relative;
	border-radius: 8px;
	margin: 0;
}

@media(max-width: 1024px){
	.boss-meta{margin-bottom: 2rem}
}

.boss-meta .bg{
	width: 100%; 
	height: 100%;
	position: absolute;
	top: 0; left: 0;
	opacity: 1;
	background: url(/assets/images/pokeball-bg-012.png);
	background-size: 90% auto;
	background-position: center center; 
	background-repeat: no-repeat;
	z-index: 0 
}

.boss-meta .boss-thumb{
	width: 100%; 
	text-align: center; 
	overflow: hidden;
}
.boss-meta .boss-thumb img{
	width: 100%;
	position: relative;
    z-index: 1;
}

.boss-meta .boss-typings{
	z-index: 2
}

.boss-meta .shiny-icon{
	width: 28px;
	position: absolute;
	top: 15px; 
	left: 5px;
}

.boss-meta .boss-typings{
	display: flex;
	position: absolute;
	bottom: 5%; 
	left: 0;
	width: 100%;
	color: #fff;
	height: 48px;
	text-transform: capitalize
}

.boss-meta .boss-typings .type-icon{
	flex: 1;
	position: relative;
	background: #262931;
	margin-left: 8px;
	border-radius: 80px;
}

.boss-meta .boss-typings .type-icon:first-child{
	margin: 0;
}

.boss-meta .boss-typings .type-icon img{
	width: 40px;
	position: absolute;
	top: 4px; 
	left: 4px
}

.boss-meta .boss-typings .type-icon .typing-label{
	line-height: 48px;
	font-weight: 600;
	margin-left: 54px;
}

@media (max-width: 768px){
	.boss-meta .boss-typings{bottom: auto; left: auto; right: 0; top: 10px; width: auto; }
	.boss-meta .boss-typings .type-icon{background: none; width: 32px; margin-left: 3px}
	.boss-meta .boss-typings .type-icon .typing-label{display: none}
	.boss-meta .boss-typings .type-icon img{top: 0; left: 0; width: 32px;}
}

.boss-counter .counter-dps{
	color: #fff;
	text-align: center;
	font-size: 1.1em;
	border-top: 1px solid rgba(255,255,255,.1);
	margin-top: 1rem;
}

.boss-counter .counter-dps strong{
	display: block;
	padding: 0.5rem 0
}

@media(max-width: 768px){
	.raid-boss .contain{
		max-width: 96%;
		margin: 0 auto
	}
	.boss-counter .counter-dps{font-size: 1.3em}
}

/* BOSS MOVEPOOL */

.boss-movepool{
	color: #fff;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.boss-movepool .fast-moves{
	
}

.boss-movepool img{
	width: 32px;
	margin-right: 8px;
}

.boss-movepool .move{
	display: flex;
    align-items: center;
    background: #333e4f;
    border-radius: 8px;
    padding: 8px 22px;
    margin-bottom: 8px;
	color: #fff;
	font-weight: 500;
	white-space: nowrap;
	
}

.boss-details{
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}

@media (max-width: 768px){
	.boss-meta,
	.boss-movepool{min-width: 100%; font-size: 1.1rem; }
	.boss-movepool img{width: 24px}
	.boss-movepool .move{padding: 8px 11px; border-radius: 6px;}
	#raid-boss-feed h4{font-size: 1.35rem}
}

/* BOSS EFFECTIVENESS */

.boss-effectiveness{
	max-width: 220px
}

.boss-effectiveness img{
	width: 100%;	
}

.boss-effectiveness .w-icon,
.boss-effectiveness .r-icon{
	position: relative;
	width: 42px;
}

.boss-effectiveness .resistances .type-icons, 
.boss-effectiveness .weaknesses .type-icons{
	display: flex;
	flex-wrap: wrap
}

.boss-effectiveness .weaknesses{
	margin-bottom: 2rem
}

.boss-effectiveness .type-icon{
	margin-right: 5px; 
	margin-bottom: 5px;
}

.boss-effectiveness .type-icon img{
	border: 3px solid transparent;
	border-radius: 48px;
}

.boss-effectiveness .dbl-w::after,
.boss-effectiveness .dbl-r::after{
	content: "2x";
	background: #ee3f4a;
	display: block;
	position: absolute;
	bottom: 0; 
	right: -15%;
	color: #fff;
	border-radius: 4px;
	line-height: 15px;
	font-weight: 600;
	padding: 2px 4px;
	font-size: 15px;
}

.boss-effectiveness .dbl-w img,
.boss-effectiveness .dbl-r img{
	border-color: #ee3f4a;
	padding: 3px;
}

.blender{
	display: none;
}

@media (max-width: 768px){
	.boss-movepool{
		z-index: 3
	}
	.boss-effectiveness{
		width: 100%;
		max-width: 100%; 
		margin: 2rem 0 2rem 0;
		display: flex;
		justify-content: space-between;
		position: relative;
		z-index: 3;
		border-top: 1px solid rgba(255,255,255,0.15);
		padding-top: 1.5rem;
	}
	.boss-effectiveness .dbl-w::after, .boss-effectiveness .dbl-r::after{
		font-size: 11px;
		line-height: 11px;
		padding: 1px 3px
	}
	.boss-effectiveness .w-icon,
	.boss-effectiveness .r-icon{
		width: 36px;
		margin-right: 1px;
		margin-bottom: 1px;
	}
	
	.boss-effectiveness .weaknesses{
		margin-bottom: 0rem;
	}
	.boss-effectiveness .weaknesses,
	.boss-effectiveness .resistances{
		width: 48%;
	}
	.boss-meta .boss-thumb{position: relative}
	.boss-thumb .blender{
		display: block;
		width: 100%;
		height: 70%;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 2;
		background: linear-gradient(360deg, #13161b, transparent);
	}
}

.boss-counter.shadow .effect {
	width: 80%;
    height: 80%;
    position: absolute;
    top: -2%;
    left: 10%;
    background-image: url(/assets/images/smoke-effect.webp);
    background-size: 90%;
    background-position: center;
    filter: blur(1px) grayscale(100%) brightness(75%) sepia(100%) hue-rotate(-136deg) saturate(900%) contrast(1.5);
    opacity: 0.4;
    background-repeat: no-repeat;
    z-index: 1;
    mix-blend-mode: lighten;
    animation: spin 100s ease infinite;
}

.boss-counter.mega .effect {

}

.raid-boss.shadow .boss-thumb .effect {
	width: 80%;
    height: 80%;
    position: absolute;
    top: 10%;
    left: 10%;
    border-radius: 100%;
    /*background-image: url(/assets/images/smoke-effect.webp);*/
    background-size: 80%;
	transform: scale(1.1);
    background-position: center;
    filter: blur(1px) grayscale(100%) brightness(75%) sepia(100%) hue-rotate(-136deg) saturate(900%) contrast(1.5);
    opacity: 0.65;
    background-repeat: no-repeat;
    z-index: 1;
    mix-blend-mode: lighten;
	animation: spin 100s ease infinite;
}

.raid-boss.shadow .boss-thumb img{
	filter: grayscale(100%) brightness(70%) sepia(100%) hue-rotate(-136deg) saturate(150%) contrast(1.5)
}


.boss-counter.mega .pokeball-layer{
    background-image: url(/assets/images/mega-raid-won-bg.png);
    background-size: 100%;
    background-position: center 0%;
    opacity: .2;
    left: 12.5%;
    top: 15%;
}

.boss-counters .boss-counter:nth-child(13),
.boss-counters .boss-counter:nth-child(14),
.boss-counters .boss-counter:nth-child(15),
.boss-counters .boss-counter:nth-child(16),
.boss-counters .boss-counter:nth-child(17),
.boss-counters .boss-counter:nth-child(18),
.boss-counters .boss-counter:nth-child(19),
.boss-counters .boss-counter:nth-child(20),
.boss-counters .boss-counter:nth-child(21),
.boss-counters .boss-counter:nth-child(22),
.boss-counters .boss-counter:nth-child(23),
.boss-counters .boss-counter:nth-child(24),
.boss-counters .boss-counter:nth-child(25),
.boss-counters .boss-counter:nth-child(26),
.boss-counters .boss-counter:nth-child(27),
.boss-counters .boss-counter:nth-child(28),
.boss-counters .boss-counter:nth-child(29),
.boss-counters .boss-counter:nth-child(30)
{
	display: none
}

.boss-counters.show-more .boss-counter:nth-child(13),
.boss-counters.show-more .boss-counter:nth-child(13),
.boss-counters.show-more .boss-counter:nth-child(14),
.boss-counters.show-more .boss-counter:nth-child(15),
.boss-counters.show-more .boss-counter:nth-child(16),
.boss-counters.show-more .boss-counter:nth-child(17),
.boss-counters.show-more .boss-counter:nth-child(18),
.boss-counters.show-more .boss-counter:nth-child(19),
.boss-counters.show-more .boss-counter:nth-child(20),
.boss-counters.show-more .boss-counter:nth-child(21),
.boss-counters.show-more .boss-counter:nth-child(22),
.boss-counters.show-more .boss-counter:nth-child(23),
.boss-counters.show-more .boss-counter:nth-child(24),
.boss-counters.show-more .boss-counter:nth-child(25),
.boss-counters.show-more .boss-counter:nth-child(26),
.boss-counters.show-more .boss-counter:nth-child(27),
.boss-counters.show-more .boss-counter:nth-child(28),
.boss-counters.show-more .boss-counter:nth-child(29),
.boss-counters.show-more .boss-counter:nth-child(30)
{display: block}

#showMoreCounters{
	background: rgba(255,255,255,0.05);
    color: #fff;
    border: none;
    border-radius: 8px;
    margin: 1rem auto;
    line-height: 5rem;
    padding: 0 4rem;
    font-size: 1.25rem;
	width: calc(100% - 10px);
	cursor: pointer;
	transition: all .3s;
}

#showMoreCounters:hover{
	background: rgba(255,255,255,0.1);
}

@media (max-width: 600px){
	#showMoreCounters{width: calc(100% - 10px)}
}

#raid-boss-toolbar{
	display: none;
	width: 96%;
	margin: 0 auto;
	padding-bottom: 2rem;
	border-bottom: 1px solid #333;
}

@media (max-width: 768px){
	#raid-boss-toolbar{
		display: flex;
		align-items: center;
	}
}

#raid-boss-toolbar .hundo-cps{
	flex: 0.7;
	color: #fff;
	font-size: 1.25rem
}

#raid-boss-toolbar .hundo-cps a{
	text-decoration: none;
	color: #fff
}

#raid-boss-toolbar .hundo-cps strong{
	display: block
}

#raid-boss-toolbar .hundo-cps span{
	font-size: 1.25em
}

#raid-boss-toolbar .hundo-cps span i{
	font-size: 0.6em;
	margin-left: 2px;
	color: #999;
	font-weight: 600
}

#copyCountersSearchString,
#copyCountersSearchString-2{
	flex: 1;
    border: none;
    background: #39414d;
    border-radius: 8px;
    line-height: 44px;
    color: #d9e7ff;
    font-size: 1.2rem;
    position: relative;
    text-align: left;
    padding-left: 2rem;
}

@media(min-width: 600px){
	#copyCountersSearchString-2 .copy-icon{display: none !important}
}

#copyCountersSearchString .copy-icon,
#copyCountersSearchString-2 .copy-icon{
	font-size: 1.65em;
	position: absolute;
	right: 5%; 
	top: 12px;
}

.iziToast.dark-noty{
	border-radius: 8px;
	background: #333e4f;
	overflow: hidden
}

.iziToast.dark-noty>.iziToast-body .iziToast-title{
	color: #bac5d7;
	font-weight: 600
}

.iziToast.dark-noty>.iziToast-body .iziToast-message{
	color: #fff;
	font-size: 0.85em
}

.iziToast.dark-noty>.iziToast-cover{
    background-size: 60% auto !important;
}


.iziToast-wrapper {
	padding: 20px 15px; !important
}


@media (max-width: 960px){
}

#raid-boss-nav{
	margin-top: -5rem;
    background: linear-gradient(360deg, #13161b, transparent);
    width: 100%;
    z-index: 5;
    color: #fff;
    display: none;
	border-bottom: 1px solid #333;
	margin-bottom: 3rem;
	padding: 1rem 0
}

@media (max-width: 768px){
	#raid-boss-nav{ display: none; }
}

#raid-boss-nav span{
    text-align: left;
    padding: 1rem 15px;
    font-size: 1.3rem;	
	font-weight: 600;
	border-radius: 100px;
	white-space: nowrap
}

#raid-boss-nav span.active{
	background: #444;
}


/* STATS */

.boss-base-stats{
	width: 100%; 
	margin-top: 1rem;
	max-width: 600px;
	color: #fff;
	font-size: 1rem;
	margin-bottom: 3rem;
	padding-top: 0rem;
}

.boss-base-stats .stat-wrap{
	width: 100%; 
	display: flex;
	margin-bottom: 5px;
}

.boss-base-stats .stat-wrap strong{
	min-width: 17%;
	line-height: 24px;
}

.boss-base-stats .stat-wrap .stat{
	display: flex;
	flex: 1;
	position: relative;
	background: #202733;
	border-radius: 20px;
}

.boss-base-stats .stat-wrap .stat span{
	position: absolute;
	left: 15px;
	font-weight: 600;
	color: #fff;
	line-height: 24px;
	font-size: 14px
}

.boss-base-stats .stat-wrap .stat .meter{
    border-radius: 100px;
    margin: 3px;
	width: 0px;
	transition: all 1.5s ease-in-out
}

.boss-base-stats .stat-wrap.cp .stat .meter{
	background: #4cb050;
	background: linear-gradient(45deg, #4cb050, #8BC34A);
}
.boss-base-stats .stat-wrap.attack .stat .meter{
	background: #f44236;
	background: linear-gradient(45deg, #F44336, #E91E63);
}
.boss-base-stats .stat-wrap.hp .stat .meter{
	background: #ff9800;
	background: linear-gradient(45deg, #3F51B5, #03A9F4);
}
.boss-base-stats .stat-wrap.defense .stat .meter{
	background: #2196f3;
	background: linear-gradient(45deg, #ff9800, #FFC107);
}


@media (max-width: 768px){
	.boss-base-stats{
		font-size: 1.2rem
	}
}

.raid-boss-schedule {
    display: flex;
	padding: 0.625rem 0 0 0 
}

.raid-boss-schedule i{
	font-style: normal;
	opacity: 0.25;
	margin: 0 7px;
}

.raid-boss-schedule img{
	height: 10px;
}

.raid-boss .schedule-start,
.raid-boss .schedule-end{
	display: flex;
    align-items: center;
    margin-bottom: 6px;
    font-weight: 500;
    border-radius: 28px;
    padding: 0.5rem 1.5rem 0.5rem 0.5rem;
    border: 2px solid rgba(255,255,255,0.1);
	font-size: 1.1rem;
}

.raid-boss .schedule-start{
    margin-right: 0.5rem;
}

.raid-boss .toggle-switch-ui{
	width: 56px;
	padding: 3px 4px;
	border-radius: 24px;
	background: rgba(255,255,255,0.15);
	display: inline-block;
	margin-right: 1rem;
	box-shadow: inset 0px 0px 1px 1px #000;
}

@media(max-width: 600px){
	.raid-boss .toggle-switch-ui{ width: 40px }
}

.raid-boss .starts-toggle{
	text-align: right;
    background: #4cb050;
}

.raid-boss .ends-toggle{
    text-align: left;
    background: #f44236;
}

.raid-boss .starts-toggle:after,
.raid-boss .ends-toggle:after{
	content: '';
    width: 16px;
    height: 16px;
    border-radius: 1.25rem;
    display: inline-block;
}

.raid-boss .starts-toggle:after{
    background: #1c5b1f;
}

.raid-boss .ends-toggle:after{
    background: #7b231d;
}

@media(max-width: 600px){
	.raid-boss .toggle-switch-ui{ width: 36px; padding: 3px  }
	.raid-boss .starts-toggle:after,
	.raid-boss .ends-toggle:after{
		width: 15px; height: 15px
	}
}





body.pg-hundo .toolbar{
	background: #13161b !important
}

body.pg-hundo{
	background-color: #13161b;
	background-image: url(/assets/images/bgtexture-subtle.png);
	background-repeat: repeat
}



.pg-hundo .footer,
.pg-hundo #next-migration{
	display: none
}

#hundo-cheatsheet{
	width: 400px;
	max-width: 94%;
	display: block;
	margin: 24px auto;
	background: #262c37;
	border-radius: 12px;
	padding: 12px 12px 24px 12px; 
}

#hundo-cheatsheet h1{
	font-size: 2rem;
    color: #fff;
    text-align: center;
    margin: 0;
    font-weight: 600;
    padding: 1rem 0 0.5rem 0;
}

#hundo-cheatsheet .hundo-card img{
	max-width: 100%;
}

#hundo-cheatsheet .hundo-card.shadow img{
	filter: grayscale(100%) brightness(70%) sepia(100%) 
	hue-rotate(-136deg) saturate(150%) contrast(1.5)
}


#hundo-cheatsheet .hundo-card {
	display: flex;
	padding: 12px;
	background: /*#272d36*/ #363f4f;
	border-radius: 8px;
	margin: 5px;
	color: #fff;
	overflow: hidden;
	position: relative;
}


#hundo-cheatsheet .hundo-card .hundo-card-details .stat strong{
	font-weight: 500;
    text-transform: none;
    letter-spacing: 0px;
    font-size: 10px;
    color: #838b99;
	flex: 1;
	min-width: 100%;
	text-align: left;
	margin-bottom: 2px
}

#hundo-cheatsheet .hundo-card .hundo-card-details .stat strong img{
	width: 7px;
}

#hundo-cheatsheet .hundo-card .hundo-card-details .stat strong b{
	font-weight: 700;
	font-size: 0.85em
}

#hundo-cheatsheet .hundo-card .hundo-card-details .stat{
	flex: 1;
	background: rgba(255,255,255,.0);
	border-radius: 6px;
	margin: 0 3px;
	padding: 0rem 0 3px 0;
	display: flex;
	flex-wrap: wrap; 
	justify-content: center;
	align-items: center;
}

#hundo-cheatsheet .hundo-card h3{
	font-size: 25px;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
	font-weight: 500;
	color: #fff;
	background: rgba(0,0,0,0.2);
	width: 100%;
	border-radius: 8px;
}

#hundo-cheatsheet .hundo-card h3 small{
	font-size: 7px; 
	margin-left: 2px;
	font-weight: 700;
	opacity: 0.35;
	margin-right: -9px;
	position: relative;
	top: -14px;
}


#hundo-cheatsheet .hundo-card.upcoming{
	background: transparent !important;
	border: 2px dotted rgba(255,255,255,0.15)
}

#hundo-cheatsheet .hundo-card.upcoming .hundo-card-thumb:after{
	content: "upcoming";
	position: absolute;
    background: #ff5f2e;
    color: #fff;
    border-radius: 0 0 6px 0;
    padding: 3px 8px 3px 10px;
    text-transform: uppercase;
    font-size: 0.8rem;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0.05rem;
    top: 0px;
    left: -1px;
}


.hundo-card.upcoming .stat h3{
	background: rgba(255,255,255,0.05) !important
}

#hundo-cheatsheet .hundo-card.upcoming .wb-icons .wb-icon{
	background: rgba(255,255,255,0.05) !important
}

#hundo-cheatsheet .hundo-card .hundo-card-thumb{
	width: 25%;
	margin-right: 11px
}

#hundo-cheatsheet .hundo-card .hundo-card-thumb img{
	position: relative;
	top: 5px;
}

#hundo-cheatsheet .hundo-card .hundo-card-details{
	flex: 1;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding-right: 34px;
}

#hundo-cheatsheet .hundo-card .shiny-icon{
	width: 13px;
	position: absolute;
	right: 19px; 
	top: 15px;
}

#hundo-cheatsheet .hundo-card .hundo-card-details .header{
	min-width: 100%;
	flex: 1;
	text-align: left;
}

#hundo-cheatsheet .hundo-card .hundo-card-details .header h4{
	font-size: 16px;
	margin: 0;
    letter-spacing: 0px;
    font-weight: 600;
    color: #a9b8cf;
}



#hundo-cheatsheet .hundo-card .hundo-card-details .lvl20-stat{margin-left: 0;}





#hundo-cheatsheet .wb-icons{
    max-width: 28px;
    min-width: 28px;
    position: absolute;
    right: 14px;
    bottom: 12px;
}

#hundo-cheatsheet .wb-icons .wb-icon{
	width: 100%;
    min-height: 24px;
    max-height: 24px;
    overflow: hidden;
    background: rgba(0,0,0,0.1);
    margin: 0 0 3px 3px;
    border-radius: 6px;
    text-align: center;
    position: relative;
}

#hundo-cheatsheet .wb-icons .wb-icon img{
    max-height: 14px;
    max-width: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -7px;
}

#hundo-cheatsheet .wb-icons .wb-icon.windy img{left: 61%; top: 52%}
#hundo-cheatsheet .wb-icons .wb-icon.clear img{left: 53%; top: 53%}
#hundo-cheatsheet .wb-icons .wb-icon.cloudy img{top: 59%}
#hundo-cheatsheet .wb-icons .wb-icon.snow img{left: 57%}
#hundo-cheatsheet .wb-icons .wb-icon.rain img{left: 52%}
#hundo-cheatsheet .wb-icons .wb-icon.fog img{top: 60%}

#hundo-cheatsheet .hundo-card .hundo-card-details .lvl20-stat{margin-left: 0; margin-right: 10px; margin-top: 6px;}
#hundo-cheatsheet .hundo-card .hundo-card-details .lvl25-stat{margin: 0; margin-top: 6px}




@media(max-width: 600px){ #hundo-cheatsheet{margin-top: 0;} }














































@media(min-width: 1000px){
	#hundo-cheatsheet{width: 800px;}

	

	#hundo-cheatsheet h1{
		font-size: 22px;
	}

	#hundo-cheatsheet .hundo-card {
		padding: 24px;
		margin: 10px;
	}

	#hundo-cheatsheet .hundo-card .hundo-card-details .stat strong{
		font-size: 15px;
	}

	#hundo-cheatsheet .hundo-card .hundo-card-details .stat strong b{
		font-weight: 700;
		font-size: 0.85em
	}

	#hundo-cheatsheet .hundo-card .hundo-card-details .stat{
	}

	#hundo-cheatsheet .hundo-card h3{
		font-size: 36px;
	}

	#hundo-cheatsheet .hundo-card h3 small{
		font-size: 0.4em; 
		top: -14px;
	}



	#hundo-cheatsheet .hundo-card .hundo-card-thumb{
		width: 20%;
		margin-right: 20px
	}

	#hundo-cheatsheet .hundo-card .hundo-card-details{
		padding-right: 64px;
	}

	#hundo-cheatsheet .hundo-card .shiny-icon{
		width: 24px;
		right: 34px; 
		top: 24px;
	}


	#hundo-cheatsheet .hundo-card .hundo-card-details .header h4{
		font-size: 24px;
	}
	
	#hundo-cheatsheet .wb-icons{
		max-width: 48px;
		min-width: 48px;
		position: absolute;
		right: 24px;
		bottom: 26px;
	}

	#hundo-cheatsheet .wb-icons .wb-icon{
		width: 100%;
		min-height: 48px;
		max-height: 48px;
		overflow: hidden;
		background: rgba(0,0,0,0.1);
		margin: 0 0 3px 3px;
		border-radius: 6px;
		text-align: center;
		position: relative;
	}

	#hundo-cheatsheet .wb-icons .wb-icon img{
		max-height: 28px;
		max-width: 28px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -14px 0 0 -14px;
	}




}


body.pg-iv-rank{
	overflow-x: hidden !important;
	max-width: 100vw
}
body.pg-iv-rank{
	background-color: #13161b;
	background-image: url(/assets/images/bgtexture.png);
	background-repeat: repeat
}
body.pg-iv-rank .toolbar{
	background: transparent 
}
body.pg-iv-rank.scrolled .toolbar{
	background: #13161b !important 
}

body.pg-iv-rank canvas{ display: block; vertical-align: bottom; } 
/* ---- particles.js container ---- */ 
body.pg-iv-rank #particles-js{ 
	position:absolute; 
	width: 80%; 
	height: 250%; 
	background-color: transparent; 
	background-image: url(""); 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: 50% 50%; 
	top: -107%; 
	left: 10%;
	transition: opacity 2s ease-in-out
} 

#rank-checker{
	padding: 1rem;
	margin-top: 8rem;
	width: 960px;
	max-width: 94%;
	background: #262c37;
	min-height: 100vh;
	border-radius: 16px
}

@media (min-width: 1400px){
	#rank-checker{
		width: 1150px; 
		padding: 2rem
	}
}

#rank-checker .select-pokemon{
	min-width: 100%;
    margin-bottom: 1rem;
    background: #ffffff;
    padding: 1.5rem;
    margin: 0 0 0.75rem 0;
    border-radius: 0 0 8px 8px;
	position: relative; 
	z-index: 1;

}

#rank-checker .selected-pokemon .thumb{
	background: #222731;
	max-height: 150px
}

#rank-checker .select-league{
	min-width: 100%;
    margin-bottom: 1rem;
    background: #ffffff;
    padding: 0.25rem;
    margin: 0 0 0 0;
    border-radius: 8px 8px 0 0;
	position: relative; 
	z-index: 1;
	display: flex;
	border-bottom: 1px solid #ededed;
}

#rank-checker .select-league .league{
	border: 2px solid #eee;
	border-radius: 8px;
	display: flex;
	align-items: center;
	min-width: calc(33.3% - 10px);
	margin: 5px;
	padding: 0.5rem 1rem;
	text-align: center;
	background: #eee;
	cursor: pointer;
	opacity: 0.95
}

#rank-checker .select-league .league span{
	margin-right: 8px;
	text-align: right;
	flex: 1;
	font-size: 1.1rem;
	font-weight: 600
}

#rank-checker .select-league .league span i{
	display: block;
	font-size: 0.8em;
	color: #999;
}

#rank-checker .select-league .league span b{
	font-weight: 700
}

#rank-checker .select-league .league.active,
#rank-checker .select-league .league:hover{
	background: #363f4f;
	color: #fff;
	opacity: 1
}

#rank-checker .select-league .league.active{
	background: #212a3d;
	position: relative;
}


#rank-checker .select-league .league.active:after{
	content: '';
	width: 14px;
	height: 14px;
	background: #212a3d;
	display: block;
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -7px;
	transform: rotate(45deg);
	border-radius: 2px;
	
}

#rank-checker .select-league img{
	width: 44px;
}

#rank-checker .select-league h6{
	display: inline-block;
	margin: 0;
	font-size: 1.3rem;
	margin-left: 1rem;
	font-weight: 600
}

#rank-checker .league.rank1 span,
#rank-checker .league.top10 span,
#rank-checker .league.top100 span,
#rank-checker .league.top250 span{
	border-radius: 21px;
    padding: 5px 1rem;
    margin-left: 2rem;
    text-align: center;
    border: 3px solid #fff;
}

#rank-checker .league.rank1 span i,
#rank-checker .league.top10 span i,
#rank-checker .league.top100 span i,
#rank-checker .league.top250 span i{
	display: none !important
}

#rank-checker .league.active.rank1 span,
#rank-checker .league.active.top10 span,
#rank-checker .league.active.top100 span,
#rank-checker .league.active.top250 span,
#rank-checker .league.rank1:hover span,
#rank-checker .league.top10:hover span,
#rank-checker .league.top100:hover span,
#rank-checker .league.top250:hover span{
	border-color: #2d3240 !important;
    color: #222632;
	position: relative;
    z-index: 2;
}


#rank-checker #your-rank .your-rank-stats.rank1{
	background: #ffe116
}


#rank-checker #your-rank .your-rank-stats.top10{
	background: linear-gradient(191deg, #4dc154, #3bb886)
}

#rank-checker .league.rank1 span{
	background: #ffe116
}

#rank-checker .league.rank1{background: #fff0a6;}

#rank-checker .league.top10 span{
	background: linear-gradient(191deg, #4dc154, #3bb886);
}

#rank-checker .league.top100 span{
	background: #c28fff
}

#rank-checker .league.top250 span{
	background: #66bbff
}






#rank-checker #your-rank .your-rank-stats.top100{
	background: linear-gradient(45deg, #c28fff, #8d4dff)
}


#rank-checker #your-rank .your-rank-stats.top250{
	background: linear-gradient(365deg, #2196F3, #00c8ff)
}









#rank-checker-control-group{
	display: flex;
	padding: 0;
	border-radius: 8px;
	flex-wrap: wrap;
}

#rank-checker .ranking-pokemon{
	width: 100%;
    text-align: right;
	position: relative
}

#rank-checker .ranking-pokemon img.p_img {
    width: auto;
    max-width: none;
    height: 350px;
	position: relative;
	z-index: 2;
	top: -70px;
	filter: drop-shadow(0px 12px 4px rgb(0 0 0 / 30%));
	
}

@media (min-width: 1600px){
	#rank-checker .ranking-pokemon img.p_img {
		height: 450px;
		top: -130px
	}
}


#rank-checker .ranking-pokemon .thumb{
	text-align: center;
    max-height: 250px;
	position: relative
}



#rank-checker .ranking-pokemon h4{
	position: absolute;
    color: #fff;
    width: 100%;
    text-align: left;
    font-size: 3.5rem;
    letter-spacing: -0.075rem;
    top: 0;
    margin: 0;
    opacity: 0.75;
    padding-left: 2rem;
    line-height: 230px;
    font-weight: 600;
	pointer-events: none;
}

#rank-checker .ranking-pokemon h4 b{
	position: absolute;
    font-size: 0.3em;
    text-transform: uppercase;
    top: -35px;
    letter-spacing: 4px;
    padding-left: 2px;
    color: #788299;
}

#rank-checker .ranking-pokemon h4 b.mega{
	color: #E91E63;
}

#rank-checker #appraisal{
	width: 150px;
    height: 150px;
    background: url(/assets/images/appraisal/appraisal-bg.png);
    display: block;
    background-size: 100%;
    position: absolute;
    right: 4%;
    bottom: 23%;
    transform: rotate(-25deg) scale(1.1);
}

#rank-checker #appraisal .starbg{
	width: 100%;
	height: 100%; 
	display: block;
	background: url('/assets/images/appraisal/appraisal-0star.png');
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: 23px 57px;
	filter: contrast(0.6);
	position: absolute;
	top: 0;
	left: 0
}

#rank-checker #appraisal .stars{
	position: absolute;
	 top: 59px;
    left: 24px;
	z-index: 1
}

#rank-checker #appraisal .stars img{
	width: 34px;
	position: relative;
	opacity: 0;
	transition: opacity .2s ease-in-out
}

#rank-checker #appraisal .stars img:nth-child(1){left: 0;}
#rank-checker #appraisal .stars img:nth-child(2){left: -3px;}
#rank-checker #appraisal .stars img:nth-child(3){left: -5px;}

#rank-checker .ranking-pokemon.star-1 #appraisal .stars img.s1{opacity: 1;}
#rank-checker .ranking-pokemon.star-2 #appraisal .stars img.s1,
#rank-checker .ranking-pokemon.star-2 #appraisal .stars img.s2{opacity: 1;}
#rank-checker .ranking-pokemon.star-3 #appraisal .stars img.s1,
#rank-checker .ranking-pokemon.star-3 #appraisal .stars img.s2,
#rank-checker .ranking-pokemon.star-3 #appraisal .stars img.s3{opacity: 1;}
#rank-checker .ranking-pokemon.perfect #appraisal .stars img.s1,
#rank-checker .ranking-pokemon.perfect #appraisal .stars img.s2,
#rank-checker .ranking-pokemon.perfect #appraisal .stars img.s3{opacity: 1;}

#rank-checker .ranking-pokemon.perfect #appraisal{
	background-image: url('/assets/images/appraisal/appraisal-perfect-bg.png');
}

#rank-checker .ranking-pokemon.perfect #appraisal .starbg,
#rank-checker .ranking-pokemon.star-3 #appraisal .starbg{
	background-image: none;
}


#rank-checker .controls{
	min-width: 100%;
	margin-bottom: 0.75rem;
	background: #ffffff;
	padding: 1rem 1rem;
	border-radius: 8px;
	position: relative;
	z-index: 1
}



#rank-checker .rank-input-options{
	display: flex;
	flex-wrap: wrap;
}

#rank-checker .rank-input-options .input-option{
	width: calc(33% - 2rem);
	margin: 1rem;
	margin-bottom: 0.25rem
}

#rank-checker .rank-input-options .input-option-full{
	min-width: calc(100% - 2.5rem);
}

#rank-checker label{
	font-size: 1.2rem;
	color: #e89421;
	font-weight: 600;
	display: block;
	margin-bottom: 0.5rem
}

#rank-checker .rank-input-options select{
	width: 100%; 
	padding: 0.5rem 1rem;
	font-size: 1.5rem;
  appearance: none; /* Remove default styling (works in modern browsers) */
  -webkit-appearance: none;
}

#rank-checker input[type="text"]{
	width: 100%; 
	padding: 0.5rem 1rem;
	font-size: 1.5rem
}



#your-rank{
	min-width: 100%;
	margin-bottom: 0.75rem;
	padding: 0;
	overflow: hidden
}

#your-rank .your-rank-stats{
	display: flex;
	border-radius: 0 0 8px 8px;
	background: #dde0e9;
}

#your-rank .your-rank-stats .nl{
	opacity: 0.3;
	font-weight: 300;
	font-size: 1rem
}

#your-rank .your-rank-stats>div{
	flex: 1;
	padding: 1.25rem 1.25rem 1.75rem 1.25rem
}

#your-rank .your-rank-stats .yr-rank{
	min-width: 21%;
	text-align: right;
	text-align: center
}

#your-rank .your-rank-stats .yr-ivs{border-radius: 8px 0 0 8px; padding-left: 2rem}
#your-rank .your-rank-stats .yr-sp{border-radius: 0 0px 8px 0;}

#your-rank .your-rank-stats .yr-ivs,
#your-rank .your-rank-stats .yr-cp,
#your-rank .your-rank-stats .yr-lvl,
#your-rank .your-rank-stats .yr-sp{
	background: #fff;
}

#your-rank .your-rank-stats .yr-rank span,
#your-rank .your-rank-stats .yr-rank label
{
	color: #14161b;
}

#your-rank .your-rank-stats .yr-rank small{
	position: relative; 
	top: -8px;
	font-size: 0.4em;
	margin-right: 2px;
	font-weight: 800;
}

#your-rank .your-rank-stats .yr-ivs{
	min-width: 23%
}

#your-rank .your-rank-stats .yr-sp{
	min-width: 26%;
	text-align: right;
	padding-right: 2rem
}

#your-rank .your-rank-stats .yr-cp{
	min-width: 17%;
}


#your-rank .your-rank-stats label{
	font-size: 1.1rem;
	margin-bottom: 0rem;
	line-height: 1rem;
	display: block;
	text-transform: uppercase;
	font-weight: 700
	
}

#your-rank .your-rank-stats span{
	font-size: 1.55rem;
	font-weight: 600;
	display: block;
	line-height: 1rem;
	margin-top: 13px
}

#your-rank .your-rank-stats .yr-rank span{
	font-size: 2rem;
	font-weight: 700
}





#rank-result table{
	width: 100%
}

#rank-checker .rank-input-options .input-option .iv-meter{
	width: 100%; 
	height: 13px;
	background: #e3e1e3;
	border-radius: 18px;
	overflow: hidden;
	position: relative;
	margin-bottom: 1rem
}

#rank-checker .rank-input-options .input-option .iv-meter .fill{
	background: #e89421;
	width: 25%;
	height: 100%; 
	border-radius: 18px;
}


#rank-checker .rank-input-options .input-option .iv-meter span{
	height: 14px;
	width: 3px; 
	background: #fff;
	position: absolute;
	display: block;
	margin-left: -1px;
}

.rank-input-options .input-option .iv-meter span:nth-child(1){left: 33%;}
.rank-input-options .input-option .iv-meter span:nth-child(2){left: 66%;}



/* TABLE */



#rank-result,#trainer-result{
	display: flex;
	background: #363f4f;
	padding: 0;
	border-radius: 8px;
	margin-bottom: 1rem;
	text-align: left;
	overflow: hidden;
}

#trainer-result{
	display: none !important
}

#rank-checker table{
	text-align: left;
	border-collapse: collapse;
	width: 100%; 
	color: #fff
}

#rank-checker table thead th{
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 600;
	background: rgba(0,0,0,0.2);
	letter-spacing: 0.05rem;
}

#rank-checker table th,
#rank-checker table td{
	padding: 10px;
}

#rank-checker table td{
	letter-spacing: 0.05rem;
	font-size: 1.3rem;
	font-weight: 600
}

#rank-checker table tbody tr:nth-child(even) td{
	background: rgba(0,0,0,0.1);
}

#rank-checker table th:nth-child(1),
#rank-checker table td:nth-child(1){
	width: 5%;
	padding-left: 2rem;
}

#rank-checker table th:nth-child(2),
#rank-checker table td:nth-child(2){
	width: 20%;
}

#rank-checker table th:nth-child(3),
#rank-checker table td:nth-child(3){
	width: 18%;
}

#rank-checker table th:nth-child(4),
#rank-checker table td:nth-child(4){
	width: 10%;
}

#rank-checker table th:nth-child(5),
#rank-checker table td:nth-child(5){
	width: 15%;
	text-align: right;
	padding-right: 1.5rem
}

#rank-checker table th:nth-child(6),
#rank-checker table td:nth-child(6){
	width: 15%;
	text-align: right;
	padding-right: 1.5rem
}


#rank-checker .controls button{
	background: orange;
    border: none;
    width: 100%;
    line-height: 4rem;
    border-radius: 8px;
    margin-top: 1rem;
	color: #fff;
	font-weight: 500;
	font-size: 1.25rem;
	opacity: 0.8;
	
}

body.loading #rank-checker .controls button{
	opacity: 0.5
}

#rank-checker .controls button:hover{
	opacity: 1
}

#rank-checker #loader {
	transform: scale(1);
	background: #393f4e;
	border-radius: 10px
}	

#rank-checker #loader h6{
	bottom: 0
}

#rank-checker #loader .loader-container{
	transform: scale(0.7);
	position: relative;
	top: -20px
}





@media (max-width: 768px){
	
	body.pg-iv-rank #particles-js{
		width: 100vw;
		left: -6%;
	}
	#rank-checker{margin-top: 7rem}
	
	#rank-checker .select-pokemon{
		padding-top: 1rem
	}
	
	#rank-checker table th:nth-child(6),
	#rank-checker table td:nth-child(6){
		display: none
	}
	
	#rank-checker .ranking-pokemon{width: 100%}
	#rank-checker .controls{
		min-width: 100%;
		margin-bottom: 0.75rem;
		background: #ffffff;
		padding: 0.75rem 1.5rem 0.75rem 1.5rem;
		border-radius: 8px
		
	}
	#rank-checker .rank-input-options{width: 100%}
	
	#rank-checker .rank-input-options .input-option{
		width: calc(33.33% - 7px) !important;
		margin: 5px;
	}
	
	#rank-checker .input-option.atkiv{
		margin-left: 0
	}

	#rank-checker .input-option.staiv{
		margin-right: 0
	}
	
	#rank-checker .ranking-pokemon .thumb{
		max-height: 150px;
		top: 10px !important;
		text-align: center;
		left: 0; right: 0;
	}
	
	#rank-checker .ranking-pokemon img.p_img{
		height: 240px;
		max-width: 100%;
		width: auto;
		filter: drop-shadow(0px 12px 4px rgb(0 0 0 / 30%));
		z-index: 10;
	}
	
	#rank-checker #appraisal{
		right: -35px;
		left: auto;
		transform: rotate(-25deg) scale(0.5);
		top: -35px;
		z-index: 5;
	}
	

	
	#rank-checker .rank-input-options .input-option .iv-meter{
		height: 9px
	}
	
	#rank-checker .rank-input-options .input-option .iv-meter span{
		width: 1.5px
	}
	
	#rank-checker .ranking-pokemon h4{
		font-size: 2.25rem;
		top: -33px;
		z-index:11;
		left: 0px;
		white-space: nowrap;
		color: #fff;
		overflow: hidden;
		max-width: 100%;
		opacity: 1;
		text-shadow: 2px 2px 5px rgb(0 0 0 / 40%);
		letter-spacing: 0px;
		padding-left: 1rem;
	}
	
	#rank-checker .ranking-pokemon h4 b{
		position: absolute;
		font-size: 0.4em;
		text-transform: uppercase;
		top: -20px;
		letter-spacing: 2px;
		padding-left: 2px;
		color: #E91E63;
		text-shadow: none;
	}
	
	#rank-checker .controls button{
		line-height: 5rem;
		font-size: 1.5rem;
		font-weight: 600
	}
	
	#rank-checker .select-league .league{
		flex-wrap: wrap
	}
	
	#rank-checker .select-league .league img{
		width: 18px
	}
	
	#rank-checker .select-league .league span{
		min-width: 90%;
		text-align: center;
		margin-right: 0px;
		font-size: 1.4rem;
		font-weight: 500
	}
	
	
	
	#rank-checker .select-league .league span i{
		display: inline-block;
		margin-left: 3px;
		display: none;
	}
	
	#rank-checker .league.rank1 span,
	#rank-checker .league.top10 span,
	#rank-checker .league.top100 span,
	#rank-checker .league.top250 span{
		width: 100%;
		margin-left: 0px;
		padding: 1px 0;
		border-width: 0px;
		box-shadow: 0px 8px 8px rgb(0 0 0 / 0%)
	}
	
	#rank-checker .select-league .league{
		justify-content: center 
	}
	
	#rank-checker .select-league .league img{
		margin-left: -4px
	}
	
	#rank-checker .select-league h6{
		font-size: 1.5rem;
		margin-left: 4px
	}
	
	#rank-checker .select-league .league{
		border: none
	}
	
	#rank-checker .select-league .league span{
		line-height: 19px;
	}
	
	#your-rank .your-rank-stats{
		overflow: hidden
	}
	#your-rank .your-rank-stats span{
		font-size: 1.45rem
	}
	
}


.loading-elems{
	display: none
}

body.pg-iv-rank #particles-js .particles-js-canvas-el {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-animation: appear 1.4s 1;
    animation: appear 1.4s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


@keyframes appear {
    0% {
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}


/* Family Pokemon */

#pokemon-family-container{
	width: 100%;
    background: #393c4a;
    border-radius: 8px;
    margin-bottom: 0.75rem;
	display: none;
	overflow: hidden;
	position: relative;
	z-index: 6
}

#pokemon-family-container label{
	padding: 1rem 0 0.5rem 1.5rem
}

#pokemon-family{
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
	flex-wrap: wrap
}

.family-pokemon {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
	padding: 0 5px;
}

.family-pokemon:hover,
.family-pokemon.active{
	background: rgba(0,0,0,0.3);
}

.family-pokemon:last-child{
	border: none
}

.family-pokemon img {
    width: 64px;
	padding: 4px;
}

@media (max-width: 600px){
	#pokemon-family{
		padding: 0 1.5rem 0.75rem 1.5rem
	}
	.family-pokemon img {
		width: 54px;
	}
	.family-pokemon{
		border-radius: 6px;
	}
}



#mode-select{
	display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 1rem;
}

@media (max-width: 600px){
	#mode-select{
		margin: 0.25rem 0 0.75rem 0;
	}
}

#mode-select span {
    background: #efefef;
    padding: 0 3rem;
    line-height: 2.5rem;
    font-weight: 500;
    flex: 1;
    text-align: center;
	cursor: pointer
}

#mode-select span.active,
#mode-select span:hover{
	background: #e89421;
	background: linear-gradient(45deg, #e89421, #ffc88a);
    background-size: 200%;
	color: #fff;
	font-weight: 600
}

#normal-mode-button {
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #ddd;
}

#express-mode-controls{
	display: none;
	padding-top: 1rem
}

.express-control-group {
    display: flex;
	margin: 0 1rem;
	align-items: center;
}

.express-control-group .label{
	min-width: 50px;
}

.express-control-group label{
    font-size: 1rem;
}

.express-control-group .options{
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center
}

.express-control-group .options span{
	font-weight: 600;
	font-size: 1.65rem;
	cursor: pointer;
}

.express-control-group .options span{
	min-width: calc(6.25% - 4px);
	max-width: calc(6.25% - 4px);
	background: #efefef;
	border-radius: 4px;
	text-align: center;
	margin: 2px;
	padding: 0.85rem 0;
}

.express-control-group .options span.active{
	color: #fff;
    background: #ffa01e;
}

@media (max-width: 600px){
	.express-control-group{
		margin: 0 0 1rem 0
	}
	.express-control-group .label{
		min-width: 32px;
	}
	.express-control-group .options{
		flex-wrap: wrap
	}
	.express-control-group .options span{
		min-width: calc(12.5% - 4px);
		max-width: calc(12.5% - 4px)
	}
	
}

.maxlvl-selector{
	display: flex;
    justify-content: center;
    align-items: center;
	margin: 5px 0
}

.maxlvl-selector input{
	margin-right: 0.5rem
}

.maxlvl-selector label{
	margin: 0 !important;
	font-size: 1.1rem !important;
	font-weight: 500 !important;
	color: #333 !important
}

.get-pokemon-onload .p_img{
	visibility: hidden
}


.catch-candy{
	width: 30em;
	height: 30em;
	border-radius: 50%;
	position: relative;
	font-size: 7.15px;
	overflow: hidden;
	background: #7eb8ca;
	/* background-image: url('../images/pokemon_details_candy.png'); */
	background-size: 100% auto;
	box-shadow: 0 0 0.66em 1.5em rgba(255,255,255, 0.1) inset; 
}

.candy-highlight{
	width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/candy-highlight.png);
    background-size: 114% auto;
    background-position: -0.6em 2.31em;
    background-repeat: no-repeat;
    z-index: 5;
    transform: rotate(-3deg);
}

.candy-texture{
	width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/candy-texture.png);
    background-size: 114% auto;
    background-position: -2.35em -0.3em;
    background-repeat: no-repeat;
    z-index: 0;
    mix-blend-mode: soft-light;
    opacity: 0.5;
    /* display: none; */
    transform: rotate(1deg);
}

.catch-candy .candy-line.candy-tl,
.catch-candy .candy-line.candy-ml,
.catch-candy .candy-line.candy-bl{
	border-style: solid;
	border-color: #fff4c1;
	opacity: 0.8;
    transform: rotate(45deg);
    border-radius: 50%;
    position: absolute;
    left: 50%;
}

.catch-candy .candy-line.candy-ml{
	width: 190%;
    height: 190%;
    margin-left: -95%;
    top: -122%;
    border-width: 3.65em;
    
}

.catch-candy .candy-line.candy-tl{
	width: 190%;
    height: 190%;
    margin-left: -95%;
    top: -143%;
    border-width: 2em;
}


.catch-candy .candy-line.candy-bl{
	width: 190%;
    height: 190%;
    margin-left: -95%;
    top: -106%;
    border-width: 2em;
}






.nests-feed .grid-container{
	display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}

@media (min-width: 600px){
	.nests-feed .grid-container{
		grid-template-columns: 1fr 1fr 1fr;
		gap: 1rem
	}
}

@media (min-width: 1024px){
	.nests-feed .grid-container{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media (min-width: 1440px){
	.nests-feed .grid-container{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media (min-width: 1920px){
	.page-template-nests .fw-page.wide,
	.page-template-nests .page-contents{
		width: 1400px !important
	}
	.nests-feed .grid-container{
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		gap: 0.7rem
	}
}


.nest-card{
	padding: 0.75rem;
	border: 1px solid #ffbf65;
	box-shadow: 0px 0px 14px 0 rgba(0,0,0,0.07);
	overflow: hidden;
	border-radius: 15px;
	background: #fff5e7;
	position: relative;
}


.nest-card.old, 
.nest-card-full.old:not(.no-nest){
	opacity: 0.5 !important;
}

.nest-card-full.old{
	border: 1px solid #ddd
}

@media (pointer: fine){
	.nest-card.old:hover, 
	.nest-card-full.old:hover{
		opacity: 1 !important
	}
}

.nest-card.old span.expired-nest{
	position: absolute;
	top: 0; 
	right: 0;
	background: #ff4b78; 
	color: #fff;
	font-size: 0.8rem;
	padding: 4px 1rem; 
	font-weight: 500;
	border-radius: 0 8px 0 4px;
	z-index: 2;
}

.nest-card-full.old::after, .nest-card.old:after {
    content: "Expired";
    position: absolute;
    top: 8px;
    right: 8px;
    background: #ff4b78;
    color: #fff;
    font-size: 0.85rem;
    padding: 4px 1rem;
    font-weight: 600;
    border-radius: 4px;
    z-index: 2;
}

.nest-card-full.old{
	background: #fffafa;
}

.nest-card-full.old  span.expired-nest{
	display: none;
}

.nest-card .card-title{
	display: block;
}

.card-title{
	font-size: 1.2rem 
}

@media (min-width: 600px){
	.card-title{font-size: 1.1rem}
}




.card-title-name{
	margin-bottom: 2px
}

.nest-card .last-spotted{
	font-size: 0.8rem;
    opacity: 0.35;
    padding-top: 1rem;
    font-weight: 500;
}
.nest-card .last-spotted b{
	font-weight: 600
}


.nest-card .thumb{
	background: #ffbf65;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	background-image: url(/assets/images/pokeball-bg-dy.png);
    background-size: auto 87%;
    background-position: center;
    background-repeat: no-repeat;
}

.nest-card.boosted{
	border-color: #c2d4f2;
	background: #e8efff
}
.nest-card.boosted .thumb{
	background-image: url(/assets/images/pokeball-bg-gs.png), linear-gradient(45deg, #c2afdc, #2196F3);
    background-size: auto 87%, 100% 100%;
}

.nest-card .thumb img.pokemon{
	width: 160px;
	max-width: 90%;
	margin: 0 auto;
	display: block;
	padding: 1rem 0;
	z-index: 2;
	position: relative
}

.nest-card .thumb .effect{
	position: absolute;
	top: -60%; left: -50%;
	width: 200%;
	z-index: 1;
	opacity: 0;
	transition: all .2s;
}


@media (pointer: fine){
	.nest-card:hover{
		box-shadow: 0px 0px 100px 10px rgba(0,0,0,0.25);
		transform: scale(1.05);
		transition: all .4s ease-in-out
	}
}

.nest-card .thumb .effect img{
	width: 100%;
}

.nest-card a{
	text-decoration: none;
	color: #284b61
}

.nest-card .meta{
	float: left;
	padding: 1.5rem 0.5rem
}

.nests-feed{}

.nests-feed .nest-card a{
	color: #514128;
	font-weight: 500
}

.reported_by{
	font-size: 0.8em;
	margin-top: 0.25rem;
	display: block;
	opacity: 0.5
}

.reported_by b{
	text-transform: lowercase;
}


/* Nest Card Full */
.nest-card-full{
	flex: 1;
	width: 100%; 
	clear: both;
	background: #fff;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 0.5rem;
	display: flex; 
	position: relative;
}

.nest-card-full .last-spotted{
	position: absolute;
	bottom: 1rem
}

.nest-card-full .thumb{
	width: 25%; 
	background: #eebe6e;
	text-align: center; 
}

.nest-card-full .thumb img{
	width: 120px;
	max-width: 100%; 
	padding: 0.5rem;
}

.nest-card-full .meta{
	padding: 1rem;
	flex: 1;
	position: relative;
}


/* HEARTS */

.heart-widget{
	display: flex;
	background: #fff;
	border-radius: 12px; 
	padding: 0.1rem 0.5rem;
	position: absolute;
	bottom: 10px; right: 10px;
	border: 1px solid #ccc;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.heart-widget:hover{
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}

.heart-widget .full,
.heart-widget .empty{
	position: relative;
	margin-right: 0.2rem;
	font-size: 12px !important;
	color: #ee3f4a;
}

.heart-widget .full{
	display: none;
}

.hearted .heart-widget .full{
	display: block;
}

.hearted .heart-widget .empty{
	display: none
}

.heart-widget .counter{
	text-align: center;
	display: inline-block;
	min-width: 11px;
	font-size: 10px;
	transition: all 3s ease;
	animation-deration: 3s;
}

.nest-card:hover .heart-widget{
	color: #333;
}


.heart-widget.animate-pop{
}

.heart-widget.animate-pop i.full{
	animation: popBig .2s ease;
}


/* NEST CONFIRMATIONS */

.nest-card-full.confirmed .confirm_nest_prompt{
	display: none !important
}

.confirm_nest_prompt{
	width: 100%;
    background: #f6fbff;
    text-align: center;
    padding: 20px 0;
    font-weight: 500;
}

.confirm_nest_prompt button{
    display: block;
    margin: 10px auto 0 auto;
	cursor: pointer
}




.nest-card-full.confirmed::after {
    content: "Confirmed";
    background: #3a6d2e;
	position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 0.85rem;
    padding: 4px 1rem;
    font-weight: 600;
    border-radius: 4px;
    z-index: 2;
}

.nest-card-full.confirmed .thumb{
	background: #b0dda5
}

.confirmed_count{
	font-size: 0.8em;
    font-weight: 500;
    background: #cadfca;
    padding: 5px 10px;
    border-radius: 20px;
	margin: 5px 0 5px 0;
	display: inline-block;
}

.confirmed_count span{
	font-weight: 700
}

/* .nest-card.old .confirmed_count,  */
/* .nest-card-full.old .confirmed_count{ */
	/* display: none; */
/* } */

.park-single .nest-card-full:first-of-type{
	background: #fff5e7 !important;
	border: 2px solid #ffbf65
}

.park-single .nest-card-full.confirmed{
    background: #e9ffe7 !important;
    border: 2px solid #3a6d2e !important;	
}


@media (max-width: 600px){ 

	.nests-feed{}
	
	.nests-feed .nest-card{
		display: flex;
		border-radius: 10px;
		padding: 0.5rem
	}
	
	.nests-feed .nest-card .thumb{
		width: 20%;
		min-width: 20%; 
		border-radius: 6px;
	}
	
	.nests-feed .nest-card .thumb img.pokemon{
		padding: 0;
	}
	
	.nests-feed .nest-card .meta{
		padding: 0.8rem 0 0 0;
		float: none;
		margin-left: 1rem;
	}
	


}


.nest-card .thumb .boost{
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 4;
    display: flex;
    align-items: center;
    background: rgb(98 87 187 / 57%);
    border-radius: 4px;
    padding: 3px 7px 3px 0;
    color: #fff;
    justify-content: center;
}
.nest-card .thumb .boost img{
	height: 16px;
    width: auto;
    max-width: none;
    padding: 0;
}
.nest-card .thumb .boost span{
	font-weight: 600;
    letter-spacing: -0.01rem;
    color: #fff;
    font-size: 12px;
}

@media (max-width: 600px){
	.nest-card .thumb .boost{
		bottom: 4px; 
		right: 4px;
		padding: 3px 0;
		border-radius: 4px;
	}
	.nest-card .thumb .boost img{
		height: 20px;
	}
	.nest-card .thumb .boost span{
		display: none;
	}
}

.nest-card .card-title-name em{
	color: #fff;
    font-weight: 700;
    background: #FF5722;
    border-radius: 3px;
    padding: 0 5px;
    font-size: 0.75em;
    text-transform: uppercase;
    position: relative;
    top: -1px;
}

.nest-city-badge{
	border-radius: 4px;
    background: #ff5781;
    display: inline-block;
    color: #fff;
    padding: 0 8px;
    line-height: 21px;
    font-weight: 500;
    font-size: 10px;
    margin-bottom: 0.75rem;
    position: absolute;
    top: 8px;
    left: 8px;
}

.nest-city-badge span{
	display: flex;
	align-items: center
}

.nest-city-badge span img{
	height: 10px !important;
	margin-right: 3px
}

@media (max-width: 600px){
	.nest-city-badge{display: none}
}


/* Nest Filters */

#nest-filters {
    display: flex;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

#nest-filters select {
	flex: 1;
    height: 44px;
    padding: 0.5rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    background: #fff;
    margin-right: 1%;
    line-height: 150% !important;
}
#nest-filters select:last-of-type{
	margin-right: 0px;
}



@media (max-width: 600px){
	#nest-filters select {
		font-size: 1.2rem
	}
}



.raid-attacker-feed{min-height: 100vh}

h1.current-raid-bosses,
h1.upcoming-raids{
	font-size: 2rem;
	color: #fff;
	text-align: center;
	margin: 0;
	font-weight: 600;
	padding: 2rem 0;
}

.raid-boss-listing{
	width: 92%;
	max-width: 1200px;
	margin: 0rem auto 5rem auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem
}

@media (min-width: 600px){
	.raid-boss-listing{
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (min-width: 1024px){
	.raid-boss-listing{
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 1.5rem
	}
}



#raid-boss-listing .raid-boss-card{
	overflow: hidden;
	background-color: #272d36;
	border-radius: 12px;
	color: #fff;
	padding: 1.5rem;
	transition: background-color .2s linear;
}

@media (pointer: fine){
	#raid-boss-listing .raid-boss-card:not(.future-raid):hover{
		background-color: var(--yellow);
	}

	#raid-boss-listing .raid-boss-card:not(.future-raid):hover fieldset{
		border-color: #ffc569
	}

	#raid-boss-listing .raid-boss-card:not(.future-raid):hover .pokeball-layer{
		filter: grayscale(1) contrast(10) brightness(1)
	}
	
	#raid-boss-listing .raid-boss-card.shadow:hover{
		background-color: #512c94
	}
	
	#raid-boss-listing .raid-boss-card.shadow:hover fieldset{
		border-color: #815ed9
	}
	
	#raid-boss-listing .raid-boss-card.shadow:hover .pokeball-layer{
		filter: grayscale(1) contrast(10) invert(1)
	}
}

#raid-boss-listing .raid-boss-card .btn{
	width: 100%;
	text-align: center;
	line-height: 3.5rem !important;
	border-radius: 8px;
	opacity: 0.8
}

#raid-boss-listing .raid-boss-card .btn:hover{
	opacity: 1
}

.raid-boss-card .pokeball-layer{
	background: url(/assets/images/pokeball-bg-opaque.png);
	height: 150%;
	width: 90%;
	position: absolute;
	top: 0;
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 0;
	opacity: 0.25;
	left: 5%;
	pointer-events: none
}

#raid-boss-listing .raid-boss-card .thumb{
	position: relative
}

#raid-boss-listing .raid-boss-card .thumb img{
	width: 100%;
	position: relative;
	z-index: 3;
	transition: all .3s linear
}

.raid-boss-card .raid-boss-name{
	display: block;
    font-weight: 600;
    font-size: 1.4rem;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 130%;
}

.raid-boss-card .raid-boss-name i{
    font-style: normal;
    font-size: 0.4em;
    font-weight: 700;
    color: #d877ff;
    letter-spacing: 0.05rem;
    top: -0.5rem;
    position: relative;
}

.raid-boss-card .schedule-start,
.raid-boss-card .schedule-end{
	display: block
}

.raid-boss-card fieldset {
	border-radius: 8px;
	text-align: center;
	font-weight: 600;
	margin: 0.5rem 0 1rem 0;
	border: 2px solid #56657c;
	font-size: 1rem
}

.raid-boss-card fieldset legend{
	font-size: 1.3rem;
	padding: 0 1rem
}

.raid-boss-card fieldset b{
	font-size: 1.2rem;
	font-weight: 700 !important;
}

.raid-boss-card fieldset i{
	font-style: normal;
	opacity: 0.8;
	margin-right: 2px;
}

.raid-boss-card.future-raid fieldset{
	border: 2px solid #555
}

#raid-boss-listing .raid-boss-card.future-raid .btn{
	background: #333e4f;
}

#raid-boss-listing .raid-boss-card.future-raid{
	background: transparent;
	border: 1px dashed #555
}

.raid-boss-card .schedule-start,
.raid-boss-card .schedule-end{
	display: none
}


@media(max-width: 600px){
	.raid-boss-card .raid-boss-name{
		font-size: 1.8rem 
	}
	
	#raid-boss-listing .raid-boss-card .btn{
		font-size: 1.2rem
	}
	
	.raid-boss-card fieldset{
		font-size: 1.1rem
	}
	
	#raid-boss-listing .raid-boss-card{
		
	}
	
	#raid-boss-listing .raid-boss-card .thumb{
		height: 120px;
		max-height: 120px;
		overflow: hidden;
		text-align: center;
		margin-bottom: 1rem
	}
	
	#raid-boss-listing .raid-boss-card .thumb img{
		width: auto;
		height: 100%
	}
	
	.raid-boss-card .pokeball-layer{
		background-size: 80% auto;
		background-position: center top
	}
	
}



.raid-boss-card.shadow .thumb img{
	filter: 
	grayscale(100%) brightness(70%) sepia(100%) 
	hue-rotate(-136deg) saturate(150%) contrast(1.5)
}

@media (pointer: fine){
	.raid-boss-card:hover .thumb img{
		/* animation: levitate 5s ease-in-out infinite; */
		transform: scale(1.025);
	}

	.raid-boss-card:not(.shadow):hover .thumb img{
		filter: drop-shadow(0px 12px 5px rgb(0 0 0 / 30%))
	}
}

.raid-label{
	position: absolute;
	background: #ff5f2e;
	color: #fff;
	border-radius: 5px;
	padding: 3px 10px;
	text-transform: uppercase;
	font-size: 0.7rem;
	display: inline-block;
	font-weight: 600;
	letter-spacing: 0.05rem;
	top: 3%; right: 5%
}

.leaked-label{
	position: absolute;
    background: #9C27B0;
    color: #fff;
    border-radius: 20px;
    padding: 3px 10px;
    text-transform: uppercase;
    font-size: 0.7rem;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0.05rem;
    top: 3%;
    right: 5%;
    box-shadow: 0 0 20px rgb(226 54 255 / 50%);
}







.events-feed{
	--borderEffectWidth: 0.4rem;
	--borderEffectSpeed: 2s;
	--flagEffectSpeed: 6s;
	max-width: 94%;
	perspective: 800px
}

.events-feed h1{
	width: 100%;
	font-size: 2rem;
    color: #fff;
    text-align: center;
    margin: 0;
    font-weight: 600;
    padding: 2rem 0 1rem 0;
}

.events-feed .grid-container{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 1.5rem
}

@media (max-width: 1024px){
	.events-feed .grid-container{
		grid-template-columns: 1fr 1fr 1fr;
		gap: 1.5rem
	}
}

@media (max-width: 800px){
	.events-feed .grid-container{
		grid-template-columns: 1fr 1fr;
		gap: 1rem
	} 
}


.events-feed img{
	max-width: 100%;
}

.events-feed .event-card{
	background: #fff;
	border-radius: 12px;
	position: relative;
	padding-bottom: 6.5rem;
	margin-top: 5px;
}



.events-feed .event-card .card-backing{
	background: #fff;
	border-radius: 12px;
	position: absolute;
	inset: 0;
	z-index: 1;
	margin: var(--borderEffectWidth);
}

.event-card .border-effect{
	position: absolute; 
	inset: 0;
	z-index: 0;
	border-radius: 12px;
}

.events-feed .event-card .thumb{
	width: 100%;
	height: 160px;
	background: radial-gradient(ellipse closest-side at center center,#d0edff 0%,#60afff 100%);
	position: relative;
	overflow: hidden;
	text-align: center;
	background-size: cover;
	background-position: center;
	border-radius: 8px 8px 0 0;
	z-index: 2;
	cursor: pointer
}

.events-feed .event-card .event-details{
	padding: 1rem 1rem 0 1rem;
	position: relative;
	z-index: 2;
} 

.events-feed .event-card .event-details h5{
	margin-bottom: .5rem
}

.events-feed .event-card .thumb img.pokemon{
	max-height: 100%;
	padding: 1rem 0;
    filter: drop-shadow(0px 18px 5px rgb(0 0 0 / 40%));
}


.events-feed .event-card .thumb img.pogo-logo{
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	width: 40px;
}

.events-feed .event-card .event-title{
	font-weight: 600;
	padding: 0.5rem 0;
	font-size: 1.5rem
}

.event-active-container{
	position: absolute;
	top: -1.2rem;
	text-align: center;
	z-index: 3;
	width: 100%
	
}



.event-active-flag{
	font-size: 1.3rem;
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	/*background: linear-gradient(-45deg, var(--pink), var(--orange), var(--yellow), var(--green), var(--softblue), var(--purple));*/
	background-size: 600% 600%;
	background: linear-gradient(to right, var(--pink), var(--orange));
	/* animation: gradientEffect var(--flagEffectSpeed) ease infinite; */
	color: #fff;
	padding: 0.5rem 1.75rem;
	border-radius: 20px;
	font-weight: 600;
	display: inline-block;
	position: relative;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1)
}

.event-active-flag i{
	display: block;
	width: 18px;
	height: 18px;
	background: linear-gradient(to right, var(--pink), var(--orange));
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -9px;
	z-index: -1;
	border-radius: 2px;
	transform: rotate(45deg);
	box-shadow: 0 5px 12px rgba(0,0,0,0.3);
	
}

.event-active-container.later-today .event-active-flag,
.event-active-container.later-today .event-active-flag i{
	background: linear-gradient(to right, #a6d99a, #26cea7) !important
}

.event-active-container.tomorrow .event-active-flag,
.event-active-container.tomorrow .event-active-flag i{
	background: linear-gradient(to right, #673AB7, #9C27B0) !important
}

@media (min-width: 1024px){
	.event-active-flag{
		font-size: 1rem;
		padding: 0.35rem 1.2rem;
	}
}

.event-card.going-on-now{
	/*border: 3px solid var(--yellow)*/
}

.event-dates .event-start,
.event-dates .event-end{
	display: flex;
	justify-content: center;
	align-items: center
}

.event-dates .event-start strong,
.event-dates .event-end strong{
	min-width: 23%;
	border-right: 1px solid #eee;
	margin-right: 0.5rem;
	padding: 0.25rem 0;
}

.event-dates .event-start span,
.event-dates .event-end span{
	flex: 1
}

.event-card fieldset{
	border-radius: 8px;
    text-align: center;
    font-weight: 600;
    border: 2px solid #56657c;
    font-size: 1rem;
	position: absolute;
	bottom: 16px;
	left: 5%;
	width: calc(90% - 4px);
	z-index: 2;
	margin-top: auto
}

@media (min-width: 1440px){
	.event-card fieldset{font-size: 0.9rem}
}

.event-card .shiny-icon{
    width: 22px;
    position: absolute;
    bottom: 14px;
    right: 14px;
}

@media (max-width: 600px){
	.event-card .shiny-icon{
		width: 18px;
		bottom: 8px;
		right: 8px;
	}	
}

.event-card.going-on-now fieldset{
	width: calc(90% - 12px);
	left: calc(5% + 4px);
	bottom: 20px
}

.event-card fieldset legend{
	font-size: 1.3em
}

.event-card fieldset b{
	font-size: 1.2em;
	font-weight: 700 !important;
}

.event-card fieldset i{
	font-style: normal;
	opacity: 0.8;
	margin-right: 2px;
}

.event-card fieldset legend{
	padding: 0 1rem
}

.event-card .event-type{
	color: #fff;
	font-weight: 500;
	font-size: 0.8rem;
	display: inline-block;
	position: absolute;
	bottom: 10px; 
	left: 10px;
	z-index: 5;
	transform: translate3d(10px, 10px, 10px), translateZ(0px)
}


.event-card .event-type .type{
	background: var(--pink);
	margin-right: 2px;
	border-radius: 4px;
	padding: 0.275rem 0.65rem;
	display: inline-block;
}

.event-card .has-infographic{
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    background: #f1eeff;
    line-height: 18px;
    font-size: 8.5px;
    font-weight: 500;
    color: #2c2769;
}

.event-card .event-type .type.infographic{
	background: rgba(0,0,0,0.5) !important;
    color: white;
    /* float: revert; */
    border: 1px solid rgba(255,255,255,0.25);
    font-size: 0.8em;
}

.event-card .event-type span{
	position: relative;
}

.event-card.spotlight-hour .event-type .type{
	background: var(--green)
}

.event-card.community-day .event-type .type{
	background: var(--purple)
}

.event-card.team-go-rocket .event-type .type{
	background: #444
}

.event-card.special-raid-event .event-type .type{
	background: #ea9400
}

.event-card.raid-hour .event-type .type{
	background: #ff6316
}

.event-card.shadow-raid-debut .event-type .type{
	background: linear-gradient(to right, #673AB7, #9C27B0) !important
}

.event-card.event .event-type .type{
	background: #3daae7;
}



@media (max-width: 1024px){
	.event-card .event-type{
		font-size: 0.9rem
	}
}

@keyframes gradientEffect {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes gradientAndScale {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.event-card.going-on-now{
	padding: var(--borderEffectWidth);;
	padding-bottom: calc(6rem + var(--borderEffectWidth));
}

.event-card.going-on-now .border-effect{
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background: linear-gradient(-45deg, var(--pink), var(--orange), var(--yellow), var(--green), var(--softblue), var(--purple));
	background-size: 400% 400%;
	animation: gradientEffect var(--borderEffectSpeed) ease infinite;
}

.event-card.spotlight-hour .thumb{
    background: radial-gradient(ellipse closest-side at center center,#d180ff 10%,#00274f 140%);
}



.event-card.spotlight-hour .stage{
	width: 120%;
    height: 65%;
    background: radial-gradient(rgba(255,255,255,0.9) 20%, rgba(255,255,255,0) 85%);
    position: absolute;
    bottom: -25%;
    z-index: -1;
    left: -10%;
    opacity: 0.9;
} 

.event-card.spotlight-hour .stage-highlight{
	width: 140%;
    height: 65%;
    background: radial-gradient(rgba(255,255,255,0.9) 12%, rgba(255,255,255,0) 20%);
    position: absolute;
    bottom: -20%;
    z-index: -1;
    left: -20%;
    opacity: 1;
    filter: blur(1px);
	animation: spotlight 8s infinite linear;
} 

.event-card.spotlight-hour .stage-spotlight,
.event-card.spotlight-hour .stage-spotlight-2{
    width: 3rem;
	margin-left: -1.5rem;
    height: 200%;
    background: linear-gradient(to top, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    position: absolute;
    top: -50%;
    z-index: -1;
    left: 50%;
    opacity: 0.75;
    filter: blur(6px);
    mix-blend-mode: overlay;
	border-radius: 100%;
	animation: spotlightbeam 60s infinite linear;
} 
.event-card.spotlight-hour .stage-spotlight-2{
	animation: spotlightbeam2 60s infinite linear;
}


@keyframes spotlight {
	0% {
		transform: translateX(-0.5rem) 
	}
	50% {
		transform: translateX(0.5rem) 
		
	}
	100% {
		transform: translateX(-0.5rem) 
		
	}
}

@keyframes spotlightbeam {
	0% {
		transform: translateX(3rem) rotate(45deg)
	}
	50% {
		transform: translateX(-3rem) rotate(-45deg);		
	}
	100% {
		transform: translateX(3rem) rotate(45deg)
	}
}

@keyframes spotlightbeam2 {
	0% {
		transform: translateX(-3rem) rotate(-45deg)
	}
	50% {
		transform: translateX(3rem) rotate(45deg) 
	}
	100% {
		transform: translateX(-3rem) rotate(-45deg)
	}
}
.event-bonuses{
	margin: 0.75rem 0 0.25rem 0
}

.event-bonuses h6{
	text-transform: uppercase;
	color: #777;
	letter-spacing: 1px;
	font-size: 0.8rem;
	margin: 0 0 0.5rem 0;
	display: none
}

.event-bonuses .bonus{
	background: #f1eeff;
	border-radius: 4px;
	display: inline-block;
	padding: 0.75rem 1rem 0.75rem 0.5rem;
	color: #2c2769;
	margin-bottom: 4px;
	
}
.event-bonuses .bonus .flex{
	display: flex;
	align-items: center;
}
.event-bonuses .bonus .bonus-icon{
	min-width: 20px;
}
.event-bonuses .bonus .bonus-icon img{
	max-height: 18px;
}

.event-bonuses .bonus span{
	border-left: 0px solid rgba(0,0,0,0.075);
	margin-left: 0.5rem;
	padding-left: 0rem;
	font-size: 1rem;
	letter-spacing: -0.0125rem;
	
}

.event-bonuses .custom-bonus span{
	padding: 4px 0;
}

.event-bonuses .bonus strong,
.event-bonuses .bonus b{
	margin-right: 1px;
}

.event-bonuses .bonus.xp-bonus .bonus-icon{
	max-height: 10px;
	margin: 0 0 0 4px;
}

.event-bonuses .bonus.egg-bonus .bonus-icon{
	max-height: 16px;
	margin: 0 0 0 4px;
}



.event-bonuses .bonus.stardust-bonus .bonus-icon{
	max-height: 14px;
}
.event-bonuses .bonus.stardust-bonus.double-stardust 
.bonus-icon:nth-child(2){
	margin-left: -13px;
	transform: rotate(15deg)
}
.event-bonuses .bonus.stardust-bonus.triple-stardust 
.bonus-icon:nth-child(2){
	margin-left: -8px;
}
.event-bonuses .bonus.stardust-bonus.triple-stardust 
.bonus-icon:nth-child(3){
	margin-left: -8px;
	transform: rotate(15deg);
}

.event-bonuses .bonus.stardust-bonus.quad-stardust 
.bonus-icon:nth-child(2),
.event-bonuses .bonus.stardust-bonus.quad-stardust 
.bonus-icon:nth-child(3),
.event-bonuses .bonus.stardust-bonus.quad-stardust 
.bonus-icon:nth-child(4){
	margin-left: -8px;
}
.event-bonuses .bonus.stardust-bonus.quad-stardust 
.bonus-icon:nth-child(4){
	transform: rotate(15deg)
}


.event-bonuses .bonus.candy-bonus .candies {
	display: flex;
	margin: 0 0 0 4px;
}
.event-bonuses .bonus.candy-bonus .candies .candy{
	transform: scale(0.9)
}
.event-bonuses .bonus.candy-bonus .candies .candy:nth-child(2){
	transform: rotate(-25deg) scale(1.1);
	box-shadow: -2px 2px 2px rgba(0,0,0,0.25);
	border-radius: 50%;
	margin-left: -5px;
	transform: scale(1)
}







.event-bonuses .bonus.candy-bonus .candies .catch-candy{
	font-size: 0.5px;
}


/* Custom Bonuses */

.event-bonuses .bonus.custom-bonus{
	padding-top: 0.35rem;
	padding-bottom: 0.35rem;
}

.event-bonuses .bonus.custom-bonus img{
	height: 17px;
	position: relative; 
	top: 0px;
	left: 2px;
}

.event-bonuses .bonus.custom-bonus.icon-gorocket img{
	height: 17px;
    margin-left: 2px;
	top: 0px; 
	padding: 2px 0
}

.event-bonuses .bonus.custom-bonus.icon-tm img{
    left: 2px
}



.event-bonuses .bonus.icon-none span{
	margin: 0;
	border: none !important
}


.events-feed .event-card.raid-hour .thumb{
	background: radial-gradient(ellipse closest-side at center center,#faffb5 0%,#ffc157 100%);
}

.events-feed .event-card.raid-hour .thumb img.pokemon{
    max-height: 120%;
    margin-top: -4%;
    filter: contrast(1.1);
    position: absolute;
    right: 5%;
}

.events-feed .event-card.raid-hour .thumb .raid-pass{
	width: 28px;
	position: absolute;
	top: 0;
	right: 8px;
	filter: drop-shadow(-1px 2px 0px rgba(0 0 0 / 30%));
	z-index: -1
}

.events-feed .event-card.raid-hour .thumb .stage{
    width: 150%;
    height: 150%;
    background: linear-gradient(to right, rgb(213 61 61), rgb(255 100 0) );
    position: absolute;
    bottom: -5%;
    z-index: -2;
    left: 30%;
    opacity: 0.3;
    /* background-size: 100%; */
    transform: rotate(45deg);
}

.events-feed .event-card.raid-hour .thumb img.pogo-logo {
    position: absolute;
    top: 50%;
    left: 10%;
    width: 80px;
    margin-top: -26px;
}

.events-feed .event-card.shadow-raid-debut .thumb{
	overflow: initial
}

.events-feed .event-card.shadow-raid-debut .thumb .stage{
	width: 80%;
    height: 80%;
    position: absolute;
    top: 10%;
    left: 10%;
    border-radius: 100%;
    background-image: url(/assets/images/smoke-effect.webp);
    background-size: 80%;
    transform: scale(1.1);
    background-position: center;
    filter: blur(1px) grayscale(100%) brightness(75%) sepia(100%) hue-rotate(-136deg) saturate(900%) contrast(1.5);
    opacity: 0.5;
    background-repeat: no-repeat;
    z-index: -1;
    mix-blend-mode: lighten;
}

.events-feed .event-card.raid-day:not(.has-thumb) .thumb {
    width: 100%;
    height: 160px;
    background: linear-gradient(45deg,#FFEB3B 0%,#FF5722 100%);
    position: relative;
    overflow: hidden;
    text-align: center;
    background-size: 140%;
    background-position: center;
    border-radius: 8px 8px 0 0;
    z-index: 2;
}

.events-feed .event-card.shadow-raid-debut .thumb .pokemon{
	transform: scale(1.85);
	filter: drop-shadow( -2px -2px 0px rgb(38 27 66 / 50%))
}
.events-feed .event-card.special-raid-event .thumb .pokemon,
.events-feed .event-card.raid-day .thumb .pokemon{
	transform: scale(1.25);
}

.events-feed .event-card.shadow-raid-debut .thumb{
	background: url(/assets/images/gorocket-bg-repeat-mobile.jpg);
	background-position: top center
}

.events-feed .event-card.special-raid-event:not(.has-thumb) .thumb{
	background: linear-gradient(45deg, #46eaff, #71ffbb, #6cbbf8);
	background-size: 150%;
}

.events-feed .event-card.special-raid-event:not(.has-thumb) .thumb .stage,
.events-feed .event-card.raid-day:not(.has-thumb) .thumb .stage,
.events-feed .event-card.raid-hour:not(.has-thumb) .thumb .stage-spotlight-2{
	background: url(/assets/images/bgtexture.png);
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
	opacity: 0.5
}

.leaked-badge{
	display: inline-block;
    font-size: 11px;
    color: #673AB7;
    border-radius: 16px;
    /* color: #fff; */
    padding: 5px 10px 5px 28px;
    border: 2px solid #673AB7;
    margin-top: 5px;
    position: relative;
	cursor: pointer
}

.leaked-badge:hover{
	background: #885dd3;
	border-color: #885dd3;
	color: #fff;
}

.leaked-notice{
	background: #f1eeff;
    padding: 1rem;
    border-radius: 8px;
    margin-top: 0.8rem;
    color: #2c2769;
    font-size: 0.9rem;
    line-height: 140%;
    border-left: 3px solid #dbd8fc;
}

.leaked-badge img{
	width: 18px;
    position: absolute;
    left: 6px;
    top: 0.19rem;
	opacity: 1
}

@media(max-width: 600px){
	.pg-events .modal h2{
		margin-bottom: 0px !important
	}
}



body.pg-team-go-rocket{
	background: #251e33;
	background-image: url(/assets/images/gorocket-bg-repeat.jpg);
	background-size: 180% auto;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	
}

@media (max-width: 1024px){
	body.pg-team-go-rocket{
		background-image: url(/assets/images/gorocket-bg-repeat-mobile.jpg);
		background-size: 220%;
		background-repeat: repeat-y;
		background-position: center top;
		
	}
}

@keyframes fadeInGoRocketBalloons {
	from {
		opacity: 0;
	}
	to {
		opacity: 0.5;
	}
}

body.scrolled.pg-team-go-rocket .toolbar{
	background: #1b1825 !important
}

body.pg-team-go-rocket #particles-js,
body.pg-team-go-rocket #particles-js-takeover{ 
	position: fixed;  
	width: 120vw; 
	height: 250vh; 
	background-color: transparent; 
	background-image: url(""); 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: 50% 50%; 
	inset: 0;
	left: -10vw;
	z-index: 0;
	animation: fadeInGoRocketBalloons 4s linear;
	opacity: 0.5
} 



.teamgorocket-feed{
	width: 1920px; 
	margin: 0 auto;
	max-width: 90%;
	position: relative; 
	z-index: 1;
}

.teamgorocket-feed h1{
	font-size: 3rem;
    color: #fff;
    text-align: center;
    margin: 0;
    font-weight: 600;
    padding: 2rem 0 1rem 0;
	margin-top: 2rem
}

.teamgorocket-feed .grid-container{
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	color: #fff;
	font-size: 14px;
}

@media (min-width: 600px){
	.teamgorocket-feed .grid-container{
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem
	}
}

@media (min-width: 1100px){
	.teamgorocket-feed .grid-container{
		grid-template-columns: repeat(3, 1fr);
		gap: 1.5rem;
	}
}

@media (min-width: 1750px){
	.teamgorocket-feed .grid-container{
		grid-template-columns: repeat(4, 1fr);
		gap: 1.5rem;
		font-size: 15px;
	}
}


.teamgorocket-feed .gorocket-card{
	border-radius: 8px;
	overflow: hidden
}

.gorocket-card .character-image{
	background: transparent;
	height: 150px;
	overflow: hidden;
	position: relative;
	padding: 2rem;
	display: flex;
    align-items: center;
}

.gorocket-card.leader .character-image{
	background: linear-gradient(to left, #3d2379, #7231f1, #37225a);
    border-radius: 8px;
}

.gorocket-card .character-image img.character{
	position: absolute;
	right: -5%;
	top: 0%;
	max-width: 45%;
	max-height: 250px;
	filter: drop-shadow(14px 6px 0px rgb(0 0 0 / 20%));
}

.gorocket-card .character-image img.type{
	width: 54px;
	position: absolute;
	right: 10px; 
	bottom: 10px;
}

.gorocket-card .character-image .taunt{
	font-size: 1.4em;
	width: 65%;
	font-weight: 600
}

.gorocket-card .character-image .taunt b{
	opacity: 0.5;
	font-size: 9px;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 0.75rem
}

.gorocket-card .character-image .taunt.multi{
	font-size: 1em;
	width: 75%;
	font-weight: 600;
}

@media (max-width: 1400px){
	.gorocket-card .character-image .taunt.multi{
		font-size: 0.9em;
	}	
}

@media (max-width: 600px){
	.gorocket-card .character-image .taunt.multi{
		font-size: 1em;
	}	
}





.gorocket-card .character-image .taunt.multi span{
	display: block;
	margin-bottom: 0.5rem
}

.gorocket-card .character-image .taunt.multi span:last-of-type{
	margin-bottom: 0px;
}




/* Weak To */

.gorocket-weaknesses{
	background: rgba(0,0,0,0.25);
	text-align: center;
	padding: 0 0 20px 0;
}

@media (max-width: 600px){
	.gorocket-weaknesses{
		padding: 10px 0 30px 0;
	}	
}

.gorocket-weaknesses .flex{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}



.gorocket-weaknesses strong{
	display: block;
    margin-bottom: 0.5rem;
}

.gorocket-weaknesses .weakness{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.35rem 1rem;
	background: rgba(0,0,0,0.25);
	border-radius: 8px;
	margin: 2px 2px;
	text-transform: capitalize;
	font-size: 0.9em;
}
.gorocket-weaknesses img{
	height: 18px;
	margin-right: 0.25rem
}


.gorocket-battle-pokemon{
	display: flex;
	background: rgba(0,0,0,0.25);
	padding: 1.5rem 0.7rem;
	text-align: center;
}

.gorocket-battle-pokemon .battle-round{
	display: flex;
	flex-wrap: wrap;
	max-width: 33.3%;
}

.gorocket-battle-pokemon .battle-round h6{
	display: block;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 0.9em;
	font-weight: 600;
	margin: 0 auto 0.7em auto;
}

.gorocket-battle-pokemon .battle-round .battle-pokemon{
	max-width: 100%
}

.gorocket-battle-pokemon .battle-round .battle-pokemon .inner{
	background: rgba(0,0,0,0.15);
	border-radius: 8px;
	margin: 3px 0.5rem;
	padding: 1rem 0.75rem;
	max-width: 100%;
	background-image: url(/assets/images/pokeball-bg-025.png);
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: center 31%;
	position: relative;
}

.battle-pokemon .tag-new {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%); 
    background: #E91E63;
    border-radius: 4px;
    padding: 0.2rem 0.375rem;
    font-size: 9px;
    font-weight: 700;
    display: block;
}

.battle-pokemon .tag-updated{
	background: #369eff;
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 4px;
    padding: 0.2rem 0.375rem;
    font-size: 8px;
    font-weight: 700;
    display: block;
}


.battle-pokemon .shiny-icon{
	position: absolute;
    left: 7%;
    top: 7%;
    width: 16px;
}

.battle-pokemon.catchable .inner:after{
	content: "Catchable";
	position: absolute;
    right: 0%;
    top: 0%;
	background: #ffc107;
	color: #fff;
    border-radius: 0 4px 0 4px;
    padding: 0.2rem 0.375rem;
    font-size: 9px;
	font-weight: 600;
}

.battle-pokemon.catchable .inner {
	background-color: rgba(0,0,0,.4) !important;
    border: 2px solid #ffc107;
}

.battle-pokemon.catchable{
	margin-bottom: 4px;
}

.gorocket-battle-pokemon .battle-round .battle-pokemon img{
	max-width: 70%
}

.gorocket-battle-pokemon .battle-round .battle-pokemon .name{
	display: block;
	font-weight: 500;
	font-size: 1em;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	overflow: hidden;
	text-align: center;
}

.gorocket-battle-pokemon .battle-round-2{
	border-left: 1px solid rgba(255,255,255,0.05);
	border-right: 1px solid rgba(255,255,255,0.05);
}

.gorocket-battle-pokemon img{
	max-width: 100%;
}

.gorocket-counters{
	padding: 1.5rem;
	background: rgba(0,0,0,0.5);
	text-align: center;
	border-radius: 0 0 8px 8px
}

.gorocket-counters .flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.gorocket-counters strong{
	display: block;
	margin-bottom: 1rem
}

.gorocket-counters .gorocket-counter{
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255,255,255,0.075);
	padding: 0 1rem 0 0;
	margin-bottom: 0.5rem;
	margin-right: 0.5rem;
	font-size: 0.85em
}

.gorocket-counters .gorocket-counter img{
	height: 40px;
	background: rgba(255,255,255,0.1);
	border-radius: 8px 0 0 8px;
	margin-right: 0.75rem;
	padding: 0.25rem;
}

@media(max-width: 600px){
	.gorocket-counters .gorocket-counter img{
		height: 32px;
	}
}

.inner-bound{
	background: #292a37;
	border-radius: 8px;
}

/* Type Colors */
.gorocket-card.normal .inner-bound{
	background: #686868
}

.gorocket-card.fighting .inner-bound{
	background: #781539
}

.gorocket-card.flying .inner-bound{
	background: #606f9c
}

.gorocket-card.poison .inner-bound{
	background: #623986
}

.gorocket-card.ground .inner-bound{
	background: #935f43
}

.gorocket-card.rock .inner-bound{
	background: #918760
}

.gorocket-card.bug .inner-bound{
	background: #5f702c
}

.gorocket-card.ghost .inner-bound{
	background: #384167
}

.gorocket-card.steel .inner-bound{
	background: #364a56
}

.gorocket-card.fire .inner-bound{
	background: #a05c23
}

.gorocket-card.water .inner-bound{
	background: #375d9a
}

.gorocket-card.grass .inner-bound{
	background: #598c37
}

.gorocket-card.electric .inner-bound{
	background: #927f1a
}

.gorocket-card.psychic .inner-bound{
	background: #91474d
}

.gorocket-card.ice .inner-bound{
	background: #3f7d82
}

.gorocket-card.dragon .inner-bound{
	background: #1f4484
}

.gorocket-card.dark .inner-bound{
	background: #312b40
}

.gorocket-card.fairy .inner-bound{
	background: #963f90
}




/* Leaders */
.gorocket-card.leader{
	overflow: initial;
	margin-top: 10rem;
}

.gorocket-card.leader .inner-bound{
	background: linear-gradient(45deg, #2c185c, #40235c)
}

.gorocket-card.leader .character-image{
	overflow: initial
}

.gorocket-card.leader .character-image img.character{
	max-width: 70%;
	width: 250px;
	margin-left: -125px;
	left: 50%;
	top: auto;
	bottom: 0;
	filter: drop-shadow(14px 0px 0px rgb(0 0 0 / 20%))
}

.gorocket-card.leader .character-image h2{
    display: block;
    text-align: center;
    width: 100%;
    position: absolute;
    z-index: 1;
    font-size: 3rem;
    bottom: 10%;
    padding: 0;
    margin: 0;
    left: 0;
    text-transform: uppercase;
    letter-spacing: 0.5rem;
	text-shadow: 0px -8px 20px rgba(0,0,0,0.75);
}

@media (max-width: 600px){
	.gorocket-card.leader .character-image h2{
		font-size: 4rem !important
	}
}



/* Grunt / Leader Selector */

#gorocket-controls{
	margin-bottom: 3rem
}

#gorocket-controls.showing-leaders #gorocket-selector{
	border-radius: 8px !important
}

#gorocket-controls.showing-leaders .grunt-taunt-selector{
	display: none !important
}

#gorocket-selector{
	display: flex;
    width: 500px;
    max-width: 90%;
    margin: 0 auto;
    border-radius: 8px 8px 0 0;
    background: rgb(37 31 56 / 71%);
    color: #fff;
}

#gorocket-selector .selector-option {
    flex: 1;
    text-align: center;
    line-height: 44px;
    margin: 0.75rem;
    border-radius: 8px;
    font-weight: 600;
	cursor: pointer;
	font-size: 1.35rem;
	background: rgba(255,255,255,0.1);
}

#gorocket-selector .selector-option:first-of-type{
	margin-right: 0.25rem;
}

#gorocket-selector .selector-option:last-of-type{
	margin-left: 0.25rem;
}



@media (max-width: 1024px){
	#gorocket-selector .selector-option{
		font-size: 1.3rem
	}
}

#gorocket-selector .selector-option.active{
	background: rgb(125 37 249);
	background: linear-gradient(45deg, rgb(125 37 249), rgb(150 75 255))
}

.gorocket-card.leader{
	display: none;
}
.grunt-taunt-selector{
	display: flex;
    width: 500px;
    max-width: 90%;
    margin: 0 auto;
    border-radius: 0 0 8px 8px;
    background: rgb(83 70 124 / 50%);
    color: #fff;
    padding: 0.75rem;
}

#grunt-taunt-selector{
	width: 100%;
    line-height: 36px;
    text-align: center;
    font-size: 1.15rem;
}

@media (max-width: 1024px){
	#grunt-taunt-selector{
		font-size: 1.5rem
	}
}

/* individual counters leaders */

.battle-pokemon.active .inner{
	background: linear-gradient(45deg, #009688, #4CAF50) !important
}

.suggestions{
	background: linear-gradient(45deg, #009688, #4CAF50)
}

.suggestions .inner{
	padding: 1.5rem;
}

.suggestions h6{
	font-size: 1.3rem;
	font-weight: 600
}

.indiv-weakto{
	display: flex;
	margin-bottom: 1rem;
	flex-wrap: wrap
}

.weakto {
    display: flex;
    align-items: center;
    text-transform: capitalize;
    padding: 5px 1.5rem 5px 0.5rem;
    background: rgb(26 86 70);
    border-radius: 44px;
    margin: 2px;
	font-size: 1rem
}
.weakto img {
    width: 22px;
    margin-right: 7px;
}

.weakto b{
	font-weight: 600;
}

@media(max-width: 600px){
	.weakto{padding: 3px 1.5rem 3px 0.5rem;}
	.weakto img {
		width: 18px;
	}
}

.indiv-counters-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.indiv-counter {
    border-radius: 8px;
    background: rgb(29 137 88);
    font-size: 1em;
    padding: 0 1rem;
    text-align: center;
    display: flex;
    align-items: center;
}

.indiv-counter span{
	font-size: 15px;
	font-weight: 500
}
@media(max-width: 600px){
	.indiv-counter span{font-size: 1.3rem}
}

.indiv-counters-search-string{
	margin-top: 1.5rem
}

.indiv-counters-search-string button {
	background: rgb(26 86 70) !important;
	opacity: 1 !important
}

.indiv-counters-search-string button[data-type="grunt"]{
	background: rgba(255,255,255,0.1) !important;
}
.indiv-counters-search-string button[data-type="grunt"]:hover{
	background: rgba(255,255,255,0.125) !important;
}


@media(max-width: 600px){
	.indiv-counters-search-string button {
		line-height: 4.5rem !important;
		font-size: 1.5rem;
		font-weight: 500
	}	
}

.indiv-counter img {
    display: block;
    margin-right: 1rem;
    width: 44px;
    max-width: 100%;
}

@media(max-width: 600px){
	.indiv-counter img {width: 36px;}
}

.iziToast.gorocket-noty {
    border-radius: 8px;
    background: linear-gradient(to right, #1b1825 21%, rgb(126 36 249)) !important;
    overflow: hidden;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.5) !important;
}

.iziToast.pogonest-noty {
    border-radius: 8px;
    background: linear-gradient(90deg, #ff7952, #cc3b7c) !important;
    overflow: hidden;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.5) !important;
}

.iziToast.gorocket-noty .iziToast-cover{
	background-color: #1b1825 !important;
	background-size: 70% auto !important;
	background-position: right 53%
}


.iziToast.gorocket-noty>.iziToast-body .iziToast-title {
    color: #d4b4ff;
    font-weight: 600;
}

.iziToast.pogonest-noty>.iziToast-body .iziToast-title {
    color: #fff;
    font-weight: 600;
}

.gorocket-card.leader .gorocket-counters{
	padding: 3rem;
	color: #e6dcfd
}

body.pg-team-go-rocket .iziToast-title{
	text-transform: capitalize
}

.go-rocket-tip {
    padding: 0rem 1.5rem 1.5rem 1.5rem;
	background: rgba(0,0,0,0.25);
}

.go-rocket-tip fieldset {
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.15);
    padding: 0.5rem 1rem 1rem 1rem;
    line-height: 150%;
    font-size: 1.1rem;
}

.go-rocket-tip fieldset legend{
	font-weight: 700;
	padding: 0 1rem
}

@media(max-width: 600px){
	.go-rocket-tip{
		padding-bottom: 0px;
	}
	.go-rocket-tip fieldset{
		position: relative;
		top: -1.5rem
	}
}

/*
	
	Theme Name: POGO Nest
	Theme URI: https://pogonest.com
	Author: Mycreativewar
	Description: A Pokemon GO Field Research Hub for Orange County, CA.
	
                                                                         
//	_ POGONEST © 2023
//		
//	_ MADE BY: @MYCREATIVEWAR
// 		
//	_ POKEMON AND ALL RESPECTIVE NAMES ARE TRADEMARK & © OF NINTENDO 1996-2023 | POKEMON GO IS TRADEMARK & © OF NIANTIC, INC
//	
//	

*/


.fancybox__container{
	z-index: 99999
}

.fancybox__backdrop{
	background: rgb(15 25 45 / 97%) !important
}


.notice{
	padding: 2rem 2rem 1rem 2rem; 
	background: rgba(255,255,255,.075);
	border-radius: 15px;
	margin-top: 1rem;
	clear: both;
}

.notice.on-light{
	background: rgba(0,0,0,0.05);
}



.spacer{
	width: 100%;
	height: 1px;
	margin: 1rem 0;
}

.btn i{
	opacity: 0.6;
	margin-left: 1rem;
}




html{
	background: #000;
}
body{
	background: #1a2a4a;
	background: linear-gradient(45deg, #281a4a, #1a2a4a);
	background-image: url(/assets/images/bgtexture.png), linear-gradient(45deg, #281a4a, #1a2a4a);
    padding-top: 95px;
    background-repeat: repeat;
    background-attachment: fixed;
}

#home-bg{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100vh; 
	background: black; 
	z-index: 0; 
	background: url(/assets/images/homebg1.jpg); 
	background-size: cover; 
	background-position: left top; 
	opacity: 0.1; 
	background-repeat: no-repeat;
}

@media (max-width: 768px){
	#home-bg{
		background-size: auto 50%
	}
}

.headliner{
	text-align: center;
	padding: 3rem 0 5rem 0;
    color: #fff;
}

.headliner h1{
	font-size: 5rem;
	margin-bottom: 0.25rem;
	line-height: 5rem;
}

.headliner em{
	color: #f9bb4e;
    font-style: normal;
	display: block;
	min-width: 100px;
	min-height: 80px
}

.headliner span{
	font-size: 1.25rem;
	color: #ccc;
}

.toolbar{ 
	background: transparent;
	width: 100%; 
	display: block;
	padding: 0rem 5rem;
	z-index: 999;
	position: fixed;
	top: 0;
	transition: all .4s;
}

.pg-home .toolbar{
	background: transparent;
	border-color: transparent
}

.pg-map{
	background: #111
}

.pg-map .toolbar{
	background: #111;
} 

body.scrolled .toolbar,
body.pg-thanks-trainer .toolbar{
	background: #0f192d
}

.toolbar  .contain{
	display: flex;
	align-items: center;
	padding: 10px 0;
}

.toolbar .logo{
	width: 200px;
	
}

.toolbar .nav{
	margin: 0.25rem 0 0 0;
	display: flex;
	list-style: none;
	flex: 1;
	max-width: 760px
}

.toolbar .nav li{
	margin-right: 1rem;
	position: relative;
	border-radius: 12px;
}

.toolbar .nav>li{
	flex: 1;
	text-align: center;
}

.toolbar .nav a{
	text-decoration: none; 
	display: block;
	padding: 1rem 1.5rem;
	color: #eee;
	font-size: 1.1rem;
	font-weight: 600;
}

.toolbar .nav li.can-expand{
	border-radius: 6px 6px 0 0 
}

.toolbar .nav>li:hover{
	background: #88d8ff
}

.toolbar .nav>li:hover a{
	color: #18242e
}

.toolbar .nav li ul.dropdown{
	min-width: 250px;
	list-style: none;
	background: #eef7ff;
	position: absolute; 
	padding: 0;
	border-radius: 0 16px 16px 16px;
	display: none;
	box-shadow: 0 0 24px 0 rgba(0,0,0,.25);
	overflow: hidden;
	text-align: left
}

.toolbar .nav li ul.dropdown>a:hover{
	background: #fff
}

.toolbar .nav li ul.dropdown.xl{
	min-width: 570px;
	padding-bottom: 0;
}

@media(min-width: 1600px){
	.toolbar .nav li ul.dropdown.xl{
		min-width: 620px;
		padding-bottom: 0;
	}
	
}


.toolbar .nav li ul.dropdown.xl .flex{
	display: flex;
	flex-wrap: wrap;
	padding: 1rem
}

.toolbar .nav li ul.dropdown li{
	margin: 0;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	border-radius: 0px
}

.toolbar .nav li ul.dropdown li a{
	padding: 1rem 1.5rem;
	width: 100%;
	color: #18242e
}

.toolbar .nav li ul.dropdown.xl li{
	width: 33.3%;
	border: none;
}
 
.toolbar .nav li ul.dropdown.xl li a{
	padding: 0.5rem 0.75rem;
	font-size: 0.95rem;
	font-weight: 500;
	border-radius: 8px !important;
}

.toolbar .nav li ul.dropdown.xl li a:hover{
	box-shadow: 0 0 6px 0 rgba(0,0,0,.0625);
}

.toolbar .nav li ul.dropdown small{
	display: none;
    font-size: 0.8em;
    font-weight: 500;
    opacity: 1;
    margin-top: 5px;
	color: #18242e;
	animation-duration: .6s
}

.toolbar .nav li ul.dropdown small.active{
	display: block;
}

.toolbar .nav li ul.dropdown li a:hover{
	background: #fff;
	border-radius: 0px
}

.toolbar .nav li ul.dropdown .dropdown-footer{
    color: #18242e;
    margin-top: 1rem;
    font-size: 1rem;
    background: #fff;
    padding: 30px;
}

.toolbar .nav li ul.dropdown .dropdown-footer strong{
	color: #18242e;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
	font-size: 1rem
}

.toolbar .nav li ul.dropdown .dropdown-footer a{
	color: #18242e;
	padding: 0;
	font-size: 1rem;
}

.submit-nest-btn, .submit-park-btn{ 
    border-radius: 10px;
    color: #fff !Important;
    padding: 0.7rem 2rem !important;
	opacity: 0.9;
	position: relative;
	transition: background-size .2s, opacity .2s, box-shadow .1s, top .3s;
	top: 0
}

.submit-nest-btn{
	background: #3daae7;
	color: #fff;
	border: 2px solid #3daae7;
	margin-left: 0.5rem
}

.submit-park-btn{
	border: 2px solid #3daae7;
    background: none;
}

.head_btns{
    margin-left: auto;
}

.head_btns a{
	text-decoration: none;
	font-weight: 600;
	line-height: 2.75em !important
}

.submit-nest-btn:hover{
	opacity: 1;
    background-size: 200% auto;
    box-shadow: 0px 30px 15px -20px rgba(0,0,0,.2);
    opacity: 1;
    top: -2px;
}

.head_btns .btn:first-of-type{
	margin-right: 0.25rem
}

.submit-park-btn:active, 
.submit-nest-btn:active{
	top: 0;
}




.contain{
	width: 100%; 
	margin: 0 auto;
}

.interface{
	width: 100%;
	overflow: hidden;
	max-width: 1800px;
	margin: 0 auto
}

.locations-feed{
	width: 29%;
	float: right;
    padding: 0rem 3rem 3rem 3rem;
	color: #bbb;
}



.locations-feed .location-card{
	background: #393943;
	border-radius: 15px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.2);
	overflow: hidden;
	margin: 0.6rem 0;
}

.home .locations-feed .location-card{
	margin: 1.5rem 0
}

.locations-feed .location-card .thumb{
	height: 160px;
	overflow: hidden;
}

.locations-feed .location-card .thumb img{
	min-height: 100%;
	min-width: 100%
}

.locations-feed .location-card .meta{
	padding: 1.5rem
}

.location-card .macros{
	display: flex;
}

.location-card .macro{
	flex: 1
}

.location-card .macro strong{
	display: block; 
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.9rem
}

.location-card .macro span{
	font-size: 1.5rem;
	font-weight: 500;
	color: #284b61
}

.location-card .title{
	font-size: 1.1rem
}

.locations-feed-full{
	float: none;
	width: 100%;
	padding: 0px;
}

.locations-feed-full .location-card{
	box-shadow: 2px 2px 3px rgba(0,0,0,0.05);
	overflow: hidden;
	border-radius: 6px;
	border-left: 0px solid #ffefd1;
	background: #fff;
	color: #284b61;
	position: relative
}

.locations-feed-full .macro span{
	color: #284b61
}

.city-block{
	width: 100%;
	display: block;
	margin-bottom: 3rem;
	background: linear-gradient(150deg, #07ABEA 0%, #603F96 100%);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 4px 8px 10px rgba(0,0,0,0.075);
	padding: 1.5rem;
	position: relative; 
}

.city-block.style-1{background: #112e61;}
.city-block.style-2{background: #1c8ed3}
.city-block.style-3{background: #56358c;}
.city-block.style-4{background: #085a5a;} /*yellow soft*/
.city-block.style-5{background: #8e654a;}

.city-block h3 .city-parks-count{
	position: absolute;
	right: 1.5rem;
	font-size: 0.9em;
	font-weight: 500
	
}

.city-block h3 .motto{
	margin-left: 1rem;
	font-size: 0.8em;
	font-weight: 400;
	opacity: 0.5
}


.city-block .flex-container{
}

.city-block h3{
	color: #fff;
	padding-bottom: 0.5rem;
	padding: 0.5rem 0 1.5rem 0rem;
	margin: 0;
}


.footer{
	background: #121520;
	color: #fff;
	font-size: 0.8rem;
	text-align: center; 
	position: relative;
	z-index: 3;
	margin-top: 0rem;
}

.footings{
	width: 100%;
	max-width: 800px;
	padding: 4rem;
	margin: 0 auto;
}

.footings a{color: #555}

.footer img{
    width: 130px;
    display: block;
    margin: 0 auto 1rem auto;
}

.footer .copyrights{
	font-size: 10px;
	color: #999
}

.project-by{
    border-radius: 20px;
    /* border: 1px solid #202330; */
    padding: 10px 18px;
    margin: 2px;
    display: inline-block;
    background: linear-gradient(45deg, #cd3748, #c93a81);
    font-weight: 600;
    color: #fff;
}

.footer .credit-badge{
	background: linear-gradient(45deg, rgb(60 65 92 / 47%), rgb(38 44 76 / 64%)) !important;
	margin-bottom: 2rem
}

.project-by i{
	display: inline-block;
	font-style: normal;
	opacity: 0.5;
	margin: 0 3px
}

.page-header{
	width: 100%; 
	background-size: 100% auto;
	background-position: left center;
	position: relative;
	color: #fff;
	text-align: center;
	
}

.page-header .overlay{
	width: 100%; 
	height: 100%; 
	background: rgba(0,0,0,0.6);
	position: absolute; 
	top: 0; left: 0;
}

.page-header h1{
	width: 100%;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    margin: 0;
    font-weight: 600;
    padding: 2rem 0 4rem 0;
}

@media (max-width: 600px){
	.page-header h1{
		padding-bottom: 2rem;
	}
}


.page-contents{
	width: 1440px;
	max-width: 100%;
	margin: 0 auto;
}




.page-sidebar{
	background: #fff;
	margin-left: 1rem
}

.park-single{
	width: 1200px;
	max-width: 92%; 
	background: #fff;
	margin: 0 auto 2rem auto;
	border-radius: 12px;
	position: relative; 
	z-index: 3;
}


.park-single section{
	padding: 2rem;
}

.single-parks .bgoverlay{
	position: fixed; 
	top: 0; left:0;
	width: 100%; 
	height: 100vh;
	background: rgba(15, 25, 45, .8); 
	z-index: 1;
}

.single-parks .bgimage{
	position: fixed; 
	top: 0; left:0;
	width: 100%; 
	height: 100vh;
	z-index: 0;
}

.single-parks .footer{
	position: relative; 
}



.park-single .location-nests{
	width: 100%; 
}

.park-meta .granules{
	width: 100%; 
	background: #f6fbff;
	padding: 1.5rem 2rem;
	border-radius: 8px;
}

.park-meta .granules .gran{
	display: flex;
	padding: 0.75rem 0;
	border-bottom: 1px solid #d6e4ee;
	align-items: center
}

.park-meta .granules .gran:last-child{border: none}

.park-meta .granules .gran .label{
	width: 20%;
	min-width: 100px;
	font-weight: 600;
	padding-left: 0.5rem;
}

@media (max-width: 960px){
	.park-meta .granules .gran .label{
		min-width: 80px
	}
}

.park-meta .granules .gran .content{
	flex: 1;
	line-height: normal
}

.park-meta .granules .gran .content ul{
	list-style: square;
	margin-left: 1rem;
}

.park-single h2{
	padding: 0 1rem 1rem 0;
	margin-bottom: 0rem
}


.park-meta-data{
	padding-left: 2rem
}

.park-meta-data .get-directions{
	margin-top: 1rem;
}

.park-meta-data .granules ul{
	list-style: none; 
	margin: 0 0 1rem 0; 
	padding: 0;
	display: block;
	font-size: 1rem
}

.park-meta-data ul li{
	margin-bottom: 1rem;
}

.park-meta-data .addressCopied{
	display: block;
	color: #305d30;
	background: #ebffeb;
	text-align: center;
	padding: 1rem;
	border: 1px solid #305d30;
	border-radius: 8px;
}

.park-ft-image{
	width: 250px;
	height: 250px;
	border-radius: 18px;
	overflow: hidden;
}

.park-ft-image img{
	max-height: 100%;
}

.park-header{
    background-size: cover;
    background-position: center center;
    margin-bottom: 1rem;
    position: relative;
	background-repeat: no-repeat;
	border-radius: 12px 12px 0 0 
}



.park-header h1{
    margin: 0;
    text-align: center;
    line-height: 100%;
	padding: 10rem 5%;
    font-size: 3.5rem;
    color: #fff;
    text-shadow: 3px 3px 19px rgba(0,0,0,.25);
    letter-spacing: -1px;
    z-index: 3;
    position: relative;
}

.park-header .blend{
	width: 100%;
    height: 20%;
    position: absolute;
    background: linear-gradient(360deg, white, transparent);
    bottom: -1px;
    left: 0;
    z-index: 2;
	display: none; 
}

.park-header .darken{
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(15, 25, 45, .25);
    bottom: 0;
    left: 0;
    z-index: 1;
}

@media(max-width: 960px){
	.single-parks .page-contents{
		margin-top: 1.5rem !important
	}
	.park-header .blend{
		height: 15%
	}
	.single-park-nests{
		margin-bottom: 2rem;
		margin-right: 0 !important
	}
	.park-header h1{
		font-size: 3rem;
		padding: 8rem 5%
	}
	.park-header h1.len-med{
		font-size: 2.5rem;
		padding: 8rem 5% 
	}
	.park-header h1.len-lrg{
		font-size: 2.5rem;
		padding: 8rem 5% 
	}
	.park-header h1.len-xl{
		font-size: 2.5rem;
		padding: 8rem 12% 
	}
	
	
}

.fw-page{
	background: #eaeff3; 
	padding: 3.5rem 4rem; 
	border-radius: 8px;
	margin: 0 auto; 
	width: 1000px;
	max-width: 100%;
	min-height: 60vh
}

.fw-page.wide{
	width: 1200px;
}

@media (min-width: 1920px){
	.fw-page.wide,.page-contents{
		width: 1280px;
	}
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.flex-item-one-half{
	width: 48%;
}

.flex-item-fourth {
	width: calc(25% - 20px); /* Adjust the width as needed */
	box-sizing: border-box;
	margin-right: 1rem;
}

.flex-item-third {
	width: calc(33% - 0.5rem); /* Adjust the width as needed */
	box-sizing: border-box;
	margin-right: 1rem !important; 
	margin-bottom: 1rem !important;
}

.flex-item-two-thirds{
	flex: calc(66% - 1rem);
    box-sizing: border-box;
}

.flex-item-one-thirds{
	flex: 33%;
    box-sizing: border-box;
}





#field_1_1, .click-totype.desktop-only{
	display: none;
}

#field_1_19 .gfield_description{
	margin-bottom: 0 !important;
	padding-top: 1rem
}

#input_1_3{
	width: 100%
}

#tap-totype , 
#click-totype {
	font-weight: 700;
	cursor: pointer
}

.gfield_required_text{
	font-style: normal !important;
	font-size: 0.7em !important;
	font-weight: 600 !important;
	color: #fff !important;
	background: red;
	border-radius: 6px;
	padding: 2px 7px !important
}

.gform_required_legend{
	display: none;
}



#latestReportedNest, #nestBeingReported{
	display: none;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 15px;
	padding: 0.5rem
}

#latestReportedNest .thumb, #nestBeingReported .thumb{
	width: 144px;
	margin-right: 1rem;
}

#latestReportedNest .thumb img, #nestBeingReported .thumb img{
	max-width: 100%;
}

#latestReportedNest .meta, #nestBeingReported .meta{
	flex: 1;
	text-transform: capitalize
	
}

#latestReportedNest .meta h3, #nestBeingReported .meta h3{
	margin-bottom: 0.25rem;
	font-weight: 600
}



.loading_anim{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.thank-you-willow{
	width: 270px;
	position: relative;
	height: 250px;
	overflow: hidden;
	text-align: right;
	margin: 0 auto;
}

.thank-you-willow .transition{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: linear-gradient(to top, #fff, rgba(0,0,0,0));

}

img.prof-willow{
	width: 200px
}

.nest-ty-img{
	width: 100px;
	border-radius: 150px;
	box-shadow: 0px 44px 25px -30px rgba(0,0,0,0.2);
	border: 4px solid #f9bb4e;
	margin-bottom: 2rem;
	padding: .15rem;
	position: absolute;    
	top: 25%;
    left: 0%;
    background: #fff;
}

.park-ty-img{
	border-radius: 15px;
	box-shadow: 0px 44px 25px -30px rgba(0,0,0,0.15);
	margin-bottom: 3rem;
}

.marker-icon {
    width: 62px;
    height: 62px;
	padding: 4px;
}

.marker-icon-park, .marker-icon-park-needsinfo, .marker-icon-playarea, .marker-icon-notnestable {
    width: 36px;
    padding: 4px;
	border: none !important;
	background: none !important
}

.marker-icon-park-needsinfo {
	width: 42px
}

.marker-icon-playarea{
	width: 48px;
	padding: 0px;
	filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 50%));
}

@media(min-width: 1024px){
	.marker-icon-park, .marker-icon-park-needsinfo, .marker-icon-playarea, .marker-icon-notnestable{width: 48px}
	.marker-icon{width: 72px; height: 72px}
}

.mapboxgl-popup{
	z-index: 999
}


.mapboxgl-popup-content a.popup-link {
    display: block;
    font-size: 1.3rem;
	line-height: 1.5rem; 
	padding: 0.5rem;
    color: black;
    text-decoration: none;
	border: none;
	outline: none;
	font-weight: 500
}

.mapboxgl-marker {
    background: #fff;
    border: 4px solid rgba(255,255,255,0.6);
    border-radius: 100px;
    background: rgba(255,255,255,0.6);
}

.mapboxgl-marker:hover{
	border-color: #333
}

.mapboxgl-popup-content{
	border-radius: 8px !important;
	text-align: center;
	padding: 10px 10px 10px !important;
	background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 51px rgba(0,0,0,.35) !important;
    padding: 10px 10px 15px;
    pointer-events: auto;
    position: relative;
    border: 3px solid #e16e4c;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{
	border-top-color: #e16e4c !important
}

.mapboxgl-popup-content .btn{
    font-size: 1.2rem;
    background: #ff5f2e;
    color: #fff!important;
    display: inline-block;
    border-radius: 12px;
    line-height: 40px !important;
    padding: 0 1.5rem;
    text-decoration: none;
    font-weight: 600;
    border: none;
    transition: all .1s;
    opacity: 0.9;
    cursor: pointer;
    position: relative;
    top: 0;
    width: 100%;
    border-radius: 6px;
}

.flex-item-fourth{
	width: 24%;
	margin: 0 1% 1rem 0 !important;
}


.mobi-sectionate{
	display: none 
}

.park-single .blurb{
	margin-bottom: 3rem;
}

.park-single .blurb p{
	margin-top: 0;
	font-size: 1.1rem;
	line-height: 1.8rem
	
}

.park-single .blurb strong,
.park-single .blurb b{
	font-weight: 600
}

.park-stats{
	display: flex;
	flex-wrap: wrap;
}

.park-stat{
	width: calc(20% - 5px);
	margin-bottom: 0.8rem;
	background: #f6fbff;
	padding: 1.5rem;
	border-radius: 8px;
	margin-right: 5px;
	position: relative;
	padding-bottom: 5rem;
}

.park-stat h6{
	font-size: 1.2rem;
	margin: 0 0 0.5rem 0;
	font-weight: 600;
	line-height: 1.5rem;
	color: #24214a;
}

.park-stat small{
	font-size: 0.95rem;
	min-height: 48px;
	display: block;
	line-height: 130%
}

.park-stat span{
	font-size: 2.5rem;
	display: block;
	font-weight: 600;
	color: #24214a;
	position: absolute;
	bottom: 1rem
}

.admin_edit a{
	display: block;
	background: #eee;
	color: #323232;
	text-align: center;
	text-decoration: none;
	padding: 1rem 0;
	border-radius: 8px;
	padding: 0.25rem;
	position: absolute;
	top: 1rem; right: 1rem;
	z-index: 10;
	font-size: 10px;
}

.single-parks .admin_edit a{
	left: 1rem; right: auto
}

.admin_edit a:hover{
	color: #fff;
	background: #41485b;
}

.locations-sort{
	margin-bottom: 1rem;
	background: #d6deed;
    border-radius: 8px;
    padding: 0.5rem 0.25rem 0.5rem 1rem;
	display: flex;
	align-items: center;
}

.locations-sort h3{
	flex-basis: 20px;
	line-height: 1rem;
	border-bottom: none !important;
	text-align: center;
}

.locations-sort>*{
	flex: 1
}

.location-card-h{
	width: 100%;
	background: #fff;
	border-radius: 8px;
	margin-bottom: 0.5rem;
	padding: 0.7rem;
	color: #41485b;
	display: flex;
	position: relative;
	overflow: hidden
}

.location-card-h .flexer{
	display: flex;
}

.location-card-h .thumb{
	width: 25%;
	min-height: 100%;
	overflow: hidden;
	border-radius: 10px;
	display: block;
	position: relative;
	cursor: pointer;
}

.location-card-h .thumb .latestNestThumb{
	position: absolute; 
	bottom: .5rem; left: .5rem;
	width: 48px;
	height: 48px;
	background: rgba(255,255,255,0.85);
	border-radius: 8px;
	padding: 0.35rem;
	box-shadow: 0 0 15px 5px rgba(0,0,0,0.5);
}

.location-card-h .thumb .latestNestThumb img{
	width: 100%; 
}

.latestNestThumb.old{
	display: none !important
}

.filtering-notice{
	color: #333;
	font-size: 1rem;
	text-align: center; 
	border: 1px solid #ddd;
	padding: 0.5rem 1rem;
	border-radius: 5px;
}

.filtering-notice a{
	font-weight: 600;
	color: #333;
	margin-left: 5px;
}

.location-card-h .thumb .thumblink{
	display: block;
	position: absolute;
	top: 0; left: 0;
	width: 100%; 
	min-width: 100%; 
	min-height: 100%;
	height: 100%;
	z-index: 10
}

.location-card-h .location-details{
	width: 75%;
	padding-left: 1rem;
}

.location-card-h .meta{
	display: flex; 
	width: 100%;
}

.location-card-h .view-btn{
	border: none !important; 
	padding: 1.5rem 1rem !important;
	border-radius: 0 0 8px 8px;
}

.location-card-h .location-title{
	border-bottom: 1px solid #eaeff3;
    padding: 0.5rem;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.location-card-h .location-title a{
	text-decoration: none;
	color: #41485b
}

.location-card-h .location-title span{
	font-size: 0.75em;
	position: relative;
	left: .5rem; top: -1px;
}

.location-card-h .meta .location-stats{
	flex: 1;
	display: flex;
	background: #f6f9fb
}

.location-card-h .meta .location-stats .stat{
	padding: 1rem 1.5rem 1rem 1.5rem;
    border-right: 1px solid #eaeff3;
}

.location-card-h .meta .location-stats .stat.pokestops{
	padding-left: 1rem;
}

.location-card-h .meta .location-stats .stat.density{
	border: none
}

.location-card-h .meta .location-stats .stat:last-child {
    flex: 0 0 25%; 
	background: #eaeff3
}

.location-card-h .meta .location-stats .stat.view-btn{
	display: flex;
    align-items: center;
    justify-content: center;
}

.location-card-h .meta .location-stats .stat:not(:last-child) {
    flex: 1; 
}

.location-card-h .meta .location-stats .stat:last-child{
	margin-right: 0;
}

.location-card-h .meta .location-stats .stat strong{
	display: inline-block;
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	padding-top: 0.5rem;
	background: #e4f0f9;
	color: #41485b;
	padding: 0.25rem 0.5rem;
	border-radius: 6px;
}

.location-card-h .meta .location-stats .stat span{
	display: block;
	font-size: 1.65rem;
	font-weight: 600;
	margin-top: 0.25rem
}

.location-card-h .meta .location-stats .stat span em{
	font-size: 0.6em;
	color: #000;
	opacity: 0.5;
	font-weight: 400
}

.location-card-h .meta .location-stats .location-title strong{
	font-size: 1.1rem;
	text-transform: none;
	letter-spacing: 0px;
	color: #fff;
}
/*
.location-card-h .meta .location-stats .stat .btn{
	font-size: 0.9rem;
	width: 100%;
	text-align: center;
	margin-top: 0
}*/

.location-card-h .highlights{
	position: absolute;
	top: 0.75rem; left: 0.5rem
}

.location-card-h .highlights span{
	font-size: 11px;
	padding: 3px 10px;
	background: green;
	border-radius: 4px;
	color: #fff;
	font-weight: 600
}

/* .location-card-h .highlights span.xs{background: #735a22} */
/* .location-card-h .highlights span.s{background: #1c9da3} */
/* .location-card-h .highlights span.m{background: #8e5aa9} */
/* .location-card-h .highlights span.l{background: #5aa9a2} */
/* .location-card-h .highlights span.xl{background: #49a349} */

.location-card-h .highlights span.xs{background: #ff9800}
.location-card-h .highlights span.s{background: #d9366e}
.location-card-h .highlights span.m{background: #8e5aa9}
.location-card-h .highlights span.l{background: #1c9da3}
.location-card-h .highlights span.xl{background: #49a349}

.locations-sort button{
    border-radius: 7px;
    margin-right: 0.25rem;
    background: #fff;
    font-weight: 600;
	color: #333;
	cursor: pointer; 
	align-items: center;
	line-height: 3rem;
	font-size: 1rem
}

@media (max-width: 600px){
	.locations-sort button{padding: 0 1rem}
	.location-card-h .location-title{padding-top: 0}
}


.locations-sort button.active, .locations-sort button:hover{
	background: #ffac38;
    color: #fff;
}

.you-are-here-marker {
    width: 40px;
    height: 40px;
    z-index: -1;
    /* border: 6px solid #e1787b; */
    border-radius: 55px;
    padding: 4px;
	filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 50%));
}

.you-are-here-marker-text{
	color: #fff;
    text-align: center;
    font-size: 1rem;
	background: #21212e;
	border-radius: 10px;
	padding: 10px 25px;
	margin-left: -2rem;
	display: none !important
}

.gform_button_select_files {
    border: 2px solid #999;
    background: none;
    font-size: 1.2rem;
    font-weight: 500;
    border-radius: 8px;
    padding: 0.5rem 2rem;
}

.ginput_preview_list .ginput_preview{
	padding: 0.25rem 0.5rem;
	background: #fff;
	margin-bottom: 0.25rem;
}



.leaderboards{
	flex-wrap: wrap
}

.leaderboards .grid-container{
	display: grid;
	grid-template-columns: minmax(0%, 100%);
	gap: 2rem;
	width: 100%;
}

.leaderboards .grid-container>div{
	margin-bottom: 1rem
}

@media (max-width: 600px){
	.leaderboards .grid-container{
		grid-template-columns: minmax(100%, 100%);
	}
	
	.pg-leaderboard .fw-page {
		padding: 3rem 2rem;
		max-width: 94%;
		border-radius: 16px
	}
}

.leaderboards .lb-trainer{
	display: grid;
	
	grid-template-columns: 
	minmax(8%, 8%) 
	minmax(44%, 44%) 
	minmax(13.83%, 13.83%) 
	minmax(12.83%, 12.83%)
	minmax(20.33%, 20.33%);
	 
	margin-bottom: 1.5rem;
	padding: 1.25rem 2rem 1.25rem 1.8rem;
	background: #fff;
	border-radius: 8px;
	align-items: center;
	position: relative;
	font-size: 14px;
	overflow: hidden;
	border-left: 5px solid #4eb1e9;
}

@media (max-width: 600px){
	.leaderboards .lb-trainer{
		font-size: 11px;
		margin-bottom: 1rem;
	}
}

.leaderboards .lb-trainer .col b{
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600 !important;
	letter-spacing: 0.025em;
	opacity: 0.25;
	margin-bottom: 0.25rem;
}

.leaderboards .lb-trainer .col{
	text-align: right
}

.leaderboards .lb-trainer .lb-rank{
	font-size: 1.35em;
	font-weight: 700;
	text-align: left !important;
}

.leaderboards .lb-trainer .lb-trainer-name{
	font-size: 1.2em;
	font-weight: 500;
	text-align: left !important;
	padding-left: 0.2rem
}

.leaderboards .lb-trainer .lb-trainer-name i{
	opacity: 0.25;
	font-style: normal !important;
	margin-right: 1px
}

.leaderboards .lb-trainer .lb-nests-reported{
	font-size: 1.3em;
	font-weight: 700
}

.leaderboards .lb-trainer .lb-parks-reported{
	font-size: 1.3em;
	font-weight: 700
}

.leaderboards .lb-trainer .lb-score{
	font-size: 1.5em;
	font-weight: 700
}






@media (max-width: 600px){
	.leaderboards .lb-trainer .col b{
		font-size: 9px
	}
}




#next-migration-modal{
  background: #fff;
  position: fixed;
  padding: 4rem 4rem 3rem 4rem;
  font-size: 12px;
  border-radius: 22px;
  z-index: 99999;
  width: 90%;
  max-width: 400px;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 1;
  top: 50%; /* Position the top edge of the element in the middle of the screen */
  left: 50%; /* Position the left edge of the element in the middle of the screen */
  transform: translate(-50%, -50%); /* Shift the element back by half its width and height */
  box-shadow: 0px 0px 0px 100vh rgba(0,0,0,.65);
  display: none;
}

@media(min-width: 1024px){
	#next-migration-modal{
		max-width: 500px;
	}
}


#next-migration-modal .inner{
	width: 100%;
	position: relative;
	text-align: center;
}

#next-migration-modal .migration-img{
	width: 220px;
	max-width: 100%;
}

#next-migration-modal fieldset{
	border-radius: 16px;
	margin-top: 2rem;
	padding: 1rem 0 1.5rem 0;
	border: 2px solid #999 !important
}

#next-migration-modal fieldset legend{
	padding: 0 1rem;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 1.4rem;
	margin: 0 auto;
}

#next-migration-counter{
	display: block;
	font-size: 2rem;
	font-weight: 700;
}

#next-migration-counter i{
	font-style: normal;
	font-size: 0.5em;
	opacity: 0.5;
	font-weight: 700
}

.close-migration-modal{
	font-size: 1.5rem;
	font-weight: 700;
	margin-top: 2rem;
	display: block;
	color: #222;
	padding: 1rem 0;
}

#migration-modal-toggle{
	width: 38px;
    background: #ff5f2e;
    border-radius: 40px;
    padding: 8px;
    position: fixed;
    right: 12px;
    bottom: 16px;
	z-index: 5;
	opacity: 0.9;
	box-shadow: 0 0 10px rgba(0,0,0,0.35)
}
#migration-modal-toggle img{
	width: 100%
}



/* Footer Migration Counter */

#next-migration-footer{
	width: 300px;
	margin: 0 auto;
	font-size: 1.5rem;
	font-weight: 700
}

#next-migration-footer legend{
	font-size: 1.1rem;
	padding: 0 1rem;
	margin: 0 auto
}

#next-migration-footer{
	border-radius: 12px;
	margin: 2rem auto;
	padding: 0.5rem 0 .75rem 0;
	border: 2px solid rgba(255,255,255,0.2) !important
}

#next-migration-counter-footer i{
	font-style: normal;
	font-size: 0.65em;
	opacity: 0.5;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 4px 0 2px
}

#map-notice{
	width: 90%; 
	max-width: 600px;
	background: #111; 
	color: #fff; 
	text-align: center; 
	padding: 3rem 4rem 3rem 4rem;
	position: absolute;
	left: 5%;
	bottom: 5rem;
	z-index: 99999;
	border-radius: 12px;
	box-shadow: 0 0 100px 25px rgba(0,0,0,.5);
	line-height: 1.5
}

#map-notice ul{
	text-align: left;
	font-size: 1.1rem;
	margin: 1rem 0;
	padding: 0
}

#map-notice ul li{
	margin-bottom: 1rem
}

#map-notice button{
	-webkit-appearance: none;
	background: none; 
	border: 1px solid #fff;
	color: #fff;
	border-radius: 48px;
	font-size: 1.25rem;
	padding: 0rem 5rem;
	margin-top: 1rem;
	cursor: pointer
}

#map-notice button:hover{
	background: #fff;
	color: #333
}


.locations-filters-search{
	display: flex;
	margin-bottom: 1rem;
	flex-wrap: wrap
}

.locations-filters-search #jumpto_county{
	margin-right: 1%
}

.locations-filters-search select{
	flex: 1;
	height: 44px;
	padding: 0.5rem 1rem;  
	font-size: 1.1rem; 
	font-weight: 500; 
	background: #fff;
	line-height: 150% !important
}

.locations-filters-search .search-parks-container{
	flex: 1;
	position: relative;
	margin-right: 1%
}

@media(max-width: 600px){
	.locations-filters-search .search-parks-container{
		min-width: 100%;
		margin-bottom: 5px;
	}
	.locations-filters-search select{
		font-size: 1.2rem
	}
}

.locations-filters-search .search-parks-container input{
	width: 100%;
	margin: 0;
	height: 44px;
	padding: 0.5rem 1rem;  
	font-size: 1.1rem; 
	font-weight: 500; 
	background: #fff;
	outline: none
}
@media(max-width: 600px){
	.locations-filters-search .search-parks-container input{
		font-size: 1.2rem
	}
}

.locations-filters-search .search-parks-container button{
	position: absolute; 
	top: 1px; right: 1px;
	height: 42px;
	width: 44px;
	border-radius: 8px;
	border: none; 
	color: #ddd;
	font-size: 16px;
	background: none
}

.ui-autocomplete{
	border-radius: 8px;
	background: #2c2c37 !important;
	box-shadow: 0 0 20px rgba(0,0,0,0.25);
	padding: 0.5rem 0;
	max-width: 80%; 
	border: none !important
}

.ui-autocomplete li{
	margin: 6px !important;
}

.ui-autocomplete li div{
	font-weight: 500;
	border-radius: 8px;
	padding: 0.9rem 1rem !important;
	background: #464653;
	margin: 6px !important;
	border-radius: 8px;
	color: #fff;
	font-size: 1rem;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.location-card-simple{
	width: 100%; 
	border-radius: 16px;
	padding: 12rem 1.5rem 1.5rem 1.5rem;
	color: #101c35;
	position: relative;
	background-size: cover;
}


.location-card-simple .meta{
	background: rgba(255,255,255,0.9);
	border-radius: 16px;
	padding: 1rem;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.location-card-simple .meta .card-title{
	font-size: 1rem;
	color: #101c35;
}

@media( max-width: 600px ){
	.location-card-simple .meta .card-title{
		font-size: 1.25rem;
	}	
	.location-card-simple .location-label span{
		font-size: 0.9rem !important
	}
	.location-card-simple .meta{
		border-radius: 8px
	}
}

.location-card-simple .meta .macros{
	display: flex;
}

.location-card-simple .meta .macros .macro{
	width: 50%; 
}

.location-card-simple .meta .macros .macro strong{
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px; 
	font-size: 0.7rem
}

.location-card-simple .meta .macros .macro span{
	font-size: 2.5rem;
	font-weight: 600;
	color: #284b61
}



.location-card-simple .location-label{
	position: absolute;
	top: 1.5rem; left: 1.5rem
}

.location-card-simple .location-label span{
	font-size: 11px;
	padding: 3px 10px;
	background: green;
	border-radius: 4px;
	color: #fff;
	font-weight: 600
}

.location-card-simple .location-label span.xs{background: #ff9800}
.location-card-simple .location-label span.s{background: #d9366e}
.location-card-simple .location-label span.m{background: #8e5aa9}
.location-card-simple .location-label span.l{background: #1c9da3}
.location-card-simple .location-label span.xl{background: #49a349}


.overlay_effect{
	width: 100%; 
	height: 100vh;
	position: fixed; 
	background: url('https://pogonest.com/wp-content/uploads/2023/09/overlaybg.jpg');
	background-size: cover;
	z-index: -1;
	opacity: 0.3
}

.locations-listing-header-override h1 span{
	font-size: 0.6em;
    font-weight: 400;
    display: block;
    color: #ffdfac;
    margin-bottom: 0rem;
    letter-spacing: 0;
    padding: 0.5rem 0;
}

.page-header h1 span.location-badge,
.park-header h1 span.location-badge,
h1 span.bubble-badge {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    margin-bottom: 0rem;
    letter-spacing: 0;
    padding: 8px 2rem;
    background: linear-gradient(90deg, #ff7952, #cc3b7c);
    background-size: 200%;
    border-radius: 28px;
    margin: 5px 0 0 0;
	line-height: 1.5 !important;
}


.page-header h1 span.location-badge img,
.park-header h1 span.location-badge img,
h1 span.bubble-badge img{
	height: 13px;
	margin-right: 4px;
	opacity: 0.5;
	position: relative;
	top: 1px
}
@media(max-width: 600px){
	.page-header h1 span.location-badge,
	.park-header h1 span.location-badge,
	h1 span.bubble-badge{
		font-size: 12px;
		line-height: 1 !important;
	}
	.page-header h1 span.location-badge img,
	.park-header h1 span.location-badge img,
	h1 span.bubble-badge img{
		height: 11px
	}
	
}

.get-directions {
    background: #fff;
    padding: 7px 2rem;
    border-radius: 30px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    display: inline-block;
	margin-right: 0.5rem
}

.get-directions:last-of-type{
	margin-right: 0px
}

#navigation-slipin{
	position: fixed !important;
    bottom: -15px;
	opacity: 1;
	display: none;
    background: #fff;
    z-index: 9999;
    width: 100%;
    border-radius: 30px 30px 0 0;
    box-shadow: 0 0 50px 100vh rgba(0,0,0,0.5);
    padding: 1rem 2rem 3rem 3rem;
}

#navigation-slipin.show{
	display: block;
}

#navigation-slipin a {
    display: block;
    font-size: 1.5rem;
    color: #383d4c;
    font-weight: 600;
    margin: 1.5rem 0;
    padding: 5px 0;
}

#navigate-trig{
	position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(45deg, rgb(158 255 249  / 30%), rgb(0 127 255 / 30%));
	background-size: 200%;
    z-index: 5;
    border-radius: 40px;
    padding: 6px;
    margin: 7px;
	display: none;
}

@media(max-width: 1024px){
	#navigate-trig{display: block;}
}

#navigation-slipin a {
    display: flex;
    align-items: center;
}

#navigation-slipin a img {
    width: 28px;
    margin-right: 1.5rem;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    border-radius: 4px;
}

#navigate-trig:hover{
	background: linear-gradient(45deg, rgb(158 255 249), rgb(0 127 255));
}

#navigate-trig img{
	width: 28px;
}

.has-location-badge h1:after{
	content: '' !important
}


#loader{
  display: none;
  width: 100%;
}

.loader-container{
  width: 100%; 
  height: 200px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.loader-container h6{
	position: absolute;
	bottom: -20px; 
	color: #666;
	font-size: 1.4rem;
	margin: 0;
	font-weight: 500
}

.loader-container .loader{
	box-sizing: initial !important
}

.loader {
  position: relative;
  height: 100px;
  width: 100px;
  background: linear-gradient(to bottom, #ee3f4a 50%, white 50% );
  border-radius: 50%;
  border: 6px solid black;
  animation: shake 1.25s cubic-bezier(.36,.07,.19,.97) infinite
}

.loader::before {
  content: '';
  position: absolute;
  height: 6px;
  width: 100px;
  background: black;
  top: 50px;
  transform: translatey(-50%);
}

.loader::after {
  content: '';
  position: absolute;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background: white;
  top: 50px;
  left: 50px;
  transform: translate(-50%, -50%);
  box-shadow: inset 0 0 0 6px black, inset 0 0 0 10px white,
    inset 0 0 0 12px black;

}
















/* SINGLE PARK NESTS */

.park-meta-data{
	padding: 0; width: 56%; 
}

.single-park-nests{
	width: 40%;
	margin-right: 4%
}

body.pg-thanks-trainer{
	background: linear-gradient(45deg, #d8ffbc, #3bb886);
	background-image: url(/assets/images/bgtexture.png), linear-gradient(45deg, #d8ffbc, #3bb886)
}

#thanks-card{
	width: 540px;
	max-width: 92%;
    text-align: center;
    position: relative;
    z-index: 9;
	color: #284b61
}

#thanks-card .thank-you-willow{
	margin-top: 2rem
}

#thanks-card .thank-you-content{
	text-align: left
}

#thanks-card .thank-you-content .parkname,
#thanks-card .thank-you-content .trainername{
	text-transform: capitalize
}

#thanks-card h2{
	margin: 2rem auto 3rem auto;
	font-size: 3.5rem; 
	animation-delay:0.1s; 
	border: none; 
	padding: 0 1rem; 
	letter-spacing: -0.1rem;
	line-height: 3rem;
	font-weight: 600;
	color: #df6587;
	text-transform: capitalize;
}

#thanks-card .thank-you-content p{
	font-size: 14px;
}

#thanks-card .thank-you-content p.enlarge{
	font-size: 17px;
	font-weight: 500
}

#thanks-card .fw-page{
	padding: 1.25rem;
	background: #fff
}

/* POGO UI */
.pogo-ui{
	font-size; 14px;
}

.pogo-ui .task{
    width: 100%;
	height: 76px !important;
    padding: 1.2rem 1rem 1.37rem 1rem;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	margin-top: 0rem;
}



.pogo-ui hr{
	border-color: #eaeff0;
	margin: 10px 0
}

.pogo-ui .task strong{
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 600
}

.pogo-ui .task .progress{
	background: #d4d8e6;
    width: 100%;
    height: 12px;
    border-radius: 10px;
}

.pogo-ui .task.has-reward .progress{
	width: 80%
}

.pogo-ui .task .reward{
	position: absolute;
	right: 0; top: 10px;
	width: 18%;
	text-align: center;
	z-index: 1;
}

.pogo-ui .task .reward i{
	font-size: 24px;
	display: block;
	color: #8b83fa;
	margin-bottom: 8px;
}

.pogo-ui .task .reward small{
	font-size: 10px;
	font-weight: 600;
	line-height: 13px;
	max-width: 100px
}



.pogo-ui .task .progress .bar{
	background: #837bfa;
	height: 12px;
	width: 0%;
	display: block;
	text-align: right;
    border-radius: 10px
}

.pogo-ui .task .progress .bar b{
	position: relative;
	top: 12px;
	color: #8b83fa;
    font-weight: 600;
}

.pogo-ui .task .progress .bar{
	
}

.pogo-ui .task .completed{
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
	position: absolute;
	top: 0; left: 0;
	background: #dfd8fa;
    color: #8981fa;
	z-index: 2
}

.pogo-ui .task .completed span{
	line-height: 76px;
	font-size: 14px;
	font-weight: 500
}

.pogo-ui .task .completed i{
	font-size: 36px;
	position: absolute;
	right: 20px;
	top: 21px; 
	color: #bdb9fc
	
}

.you-have-reported{
	background: #dfd8fa;
    color: #8981fa;
	width: 100%;
	margin: 1rem auto;
	display: block;
	text-align: center;
	border-radius: 50px;
	line-height: 44px;
}

#thanks-card .thank-you-content{
	padding: 1rem 2rem 1rem 2rem
}





















/* JUMP TO WIDGET */

#jumpto_widget{
	width: 630px;
	margin: 0 auto;
	display: block;
	font-size: 18px;
	margin-top: 2rem;
	max-width: 92%;
	text-align: center;
}

#jumpto_widget .jumpto_widget_label{
	text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 0.35rem 1.25rem;
    background: #659cd2;
    border-radius: 8px;
    color: #ffff;
    margin: 0 auto;
	display: inline-block;
	position: relative;
	top: 2px
}

#jumpto_widget .inner{
	display: flex;
	line-height: 54px;
	background: rgba(255,255,255,.05);
	border-radius: 100px;
	padding: 15px;
	border: 1px solid #799dcf
	
}

#jumpto_widget .jumpto_or{
	min-width: 10%;
	text-align: center;
}

#jumpto_widget select,
#jumpto_widget input{
	width: 100%;
	height: 54px;
	padding: 0 2rem;
	font-size: 18px;
	border-radius: 40px;
}

#jumpto_widget .jumpto_park,
#jumpto_widget .jumpto_city{
	min-width: 45%;
}


@media(max-width: 960px){
	
	#jumpto_widget select, #jumpto_widget input{
		padding: 0 1rem;
		font-size: 16px !important;
	}
	
	#jumpto_widget{
		font-size: 14px;
		max-width: 80%;
		margin-bottom: -0.8rem;
		
	}
	
	#jumpto_widget .jumpto_widget_label{
		font-size: 10px;
		border-radius: 4px
	}
	#jumpto_widget select,
	#jumpto_widget input{
		font-size: 13px;
		height: 36px;
		border-radius: 8px;
	}
	
	#jumpto_widget .inner{
		line-height: 36px;
		padding: 10px;
		border-radius: 8px;
	}
	
}







/* TOP RAID ATTACKERS PVE */
/*
.raid-attacker-feed{
    width: 1000px;
    margin: 2rem auto 5rem auto;
    max-width: 92%;
    padding: 0px;
    border-radius: 16px;
}

.raid-attacker-feed .inner{
    background: #13161b;
    border-radius: 16px;
    padding: 2rem;
}


.raid-attacker-feed .raid-attacker{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background: linear-gradient(275deg, #262d45, #1b1d2a);
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    padding: 2rem;
    margin-bottom: 1rem;    
	height: 250px;
	border: 3px solid #364057;
}

.raid-attacker.mega{
	background: linear-gradient(275deg, #12182c, #110c13);
}

.raid-attacker.shadow{
	background: linear-gradient(275deg, #12182c, #100a1d);
}


/*
.raid-attacker.shadow{
    background: linear-gradient(220deg, #1b122c 14%, #2b1651);
    border-color: #5b48b4;
}

.raid-attacker.mega{
    background: linear-gradient(217deg, #12182c 40%, #492640);
    border-color: #b23f69;
}

.raid-attacker.legendary{
    background: #13120a !important;
    border-color: #9b8939;
}
*/




.raid-attacker .thumb .halo{
	width: 150px;
    height: 150px;
    filter: blur(32px);
    background: ;
    position: absolute;
    left: 30%;
    bottom: 18%;
	z-index: 3;
	opacity: 0.75;
	border-radius: 100px;
}

/*
.raid-attacker.mega .thumb .halo{background: #ff85b2}
.raid-attacker.shadow .thumb .halo{background: #4f004f;}
.raid-attacker.rock .thumb .halo{background: #c7b78b;}
*/



/*


.raid-attacker .underlay{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0; 
	top: 0;
	z-index: 0;
	opacity: 1;
}

.raid-attacker .pokeball-layer{
	background: url('/assets/images/pokeball-bg-opaque.png');
	height: 100%;
    width: 100%;
    position: absolute;
    top: 0; 
    background-size: 250px;
	background-repeat: no-repeat;
	z-index: 2;
	opacity: 0.25;
	left: 25%;
}


.raid-attacker .icon{
	width: 32px;
	height: 32px;
	border-radius: 100px;
	text-align: center;
	position: absolute;
	bottom: 10%; left: 2.5%;
	z-index: 12;
}

.raid-attacker.mega .icon{
	background: #ff4689 !important;
	border-color: rgba(0,0,0,0.2);
	box-sizing: content-box;
	box-shadow: 0 0 5px 2px rgb(178, 63, 105, 0.4) !important
}

.raid-attacker.shadow .icon{
	background: #7a3ee5 !important;
	border-color: rgba(0,0,0,0.2);
	box-shadow: 0 0 5px 2px rgb(100, 47, 253, 0.4) !important
}

.raid-attacker.legendary .icon{
    background: #dfb82f;
    border-color: rgba(0,0,0,0.2);
    box-shadow: 0 0 5px 2px rgb(155 137 57 / 40%);

}



.raid-attacker .icon img{
	max-height: 19px;
	position: relative;
	
	filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.25));
}

.raid-attacker .mega-icon{
	top: 6px;
}

.raid-attacker .shadow-icon{
	top: 6px;
}

.raid-attacker .legendary-icon{
	top: 6px; left: -1px;
	padding: 1px
}

.raid-attacker.mirror .thumb img {
  stransform: scaleX(-1);
}


.raid-attacker.shadow .underlay{
	background: url('/assets/images/shadow-clouds-bg-dark.png');
	background-size: 70%;
	background-repeat: no-repeat;
	z-index: 2;
	left: 15%;
	top: 30%;
	opacity: 1;
	width: 70%;
	animation: shadowClouds 5s ease;
}

.raid-attacker.shadow .underlay-baselayer{
	background: url('/assets/images/shadow-clouds-bg-dark.png');
	background-size: 40%;
	background-repeat: no-repeat;
	background-position-x: center;
	z-index: 2;
	left: 0%;
	top: 30%;
	opacity: 1;
	width: 100%;
}



.raid-attacker.mega .underlay{
	background: url(/assets/images/dustclouds.png);
    background-repeat: no-repeat;
    background-size: 640px;
    top: 80px;
    height: 360px;
    filter: blur(0px);
    opacity: 1;
    left: 80px;
    opacity: 1;
}


.raid-attacker.mega.ghost .underlay{
	filter: grayscale(100%) brightness(47%) sepia(100%) hue-rotate(-106deg) saturate(100%) contrast(2.5)
}

.raid-attacker.mega.psychic .underlay{
	filter: grayscale(100%) brightness(51%) sepia(100%) hue-rotate(-67deg) saturate(100%) contrast(2)
}

.raid-attacker.mega.fire .underlay{
    filter: grayscale(100%) brightness(68%) sepia(100%) hue-rotate(335deg) saturate(300%) contrast(0.9);
	opacity: 0.7
}

.raid-attacker.mega.rock .underlay{
	filter: grayscale(100%) brightness(68%) sepia(100%) hue-rotate(0deg) saturate(100%) contrast(1);
	opacity: 0.4
}

.raid-attacker.mega.fighting .underlay{
	filter: grayscale(100%) brightness(78%) sepia(99%) hue-rotate(310deg) saturate(200%) contrast(2);
	opacity: 0.5
}

.raid-attacker.mega.dragon .underlay{
	filter: grayscale(100%) brightness(47%) sepia(100%) hue-rotate(-176deg) saturate(100%) contrast(3)
}

@media (max-width: 960px){
	#top-attackers-grid .raid-attacker.mega .underlay{
		left: 0;
		top: 50%;
		animation: none;
		background-size: 90%;
		background-position-x: center;
		opacity: 1
	}
	

	
}


/*
.raid-attacker.mega .underlay {
    background: url(/assets/images/megabgeffect2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: botttom;
    z-index: 2;
    filter: blur(37px);
    border: -22px solid #000;
    border-radius: 400px;
    width: 350px;
    height: 350px;
    left: 12%;
    top: -20%;
}
*/
/*

.raid-attacker-feed .raid-attacker strong.name {
    font-size: 2rem;
    position: relative;
    z-index: 11;
    text-transform: initial;
	color: #dceaff;
	font-weight: 600;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
	line-height: 2rem;
	display: block;
}

.raid-attacker strong.name span{
	display: block;
	z-index: 11;
	position: relative
}

.raid-attacker.mega strong.name span{
	color: #ffa4cc;
}

.raid-attacker.shadow strong.name span{
	color: #b4bfff;
}

.raid-attacker.legendary strong.name{
	color: #ffefae
}

.raid-attacker.mega strong.name{
	color: #fff
}


img.attacker-img {
    position: absolute;
    top: 0px;
    left: 25%;
    max-width: 330px;
	max-height: 300px;
	z-index: 10;
	filter: drop-shadow(5px 5px 20px rgba(0, 0, 0, 0.25));
	

}






.raid-attacker-feed .raid-attacker .moveset {
    width: 50%;
    position: absolute;
    bottom: 34px;
    right: 1rem;
    max-width: 340px;
	z-index: 7;
	animation-delay: 0.2s
}

.raid-attacker-feed .raid-attacker .fastmove, 
.raid-attacker-feed .raid-attacker .chargedmove {
    width: 100%;
    display: flex;
    border-radius: 100px;
    margin-bottom: 0.5rem;
    padding: 5px;
    color: #fff;
    border: 3px solid #b23f69
}

.raid-attacker-feed .raid-attacker .move_icon img {
	height: 58px;
    margin-right: 1rem;
    border: 5px solid #fff;
    border-radius: 100px;
}

.raid-attacker-feed .raid-attacker .move_name {
    line-height: 58px;
    font-size: 1.25rem;
    font-weight: 600;
}

.raid-attacker span.rank {
    font-size: 145px;
    color: #fff;
    font-weight: 600;
    position: absolute;
    bottom: -27%;
    left: 5%;
    opacity: 0.5;
    z-index: 3;
}

*/

.fastmove.electric, .chargedmove.electric{border-color: #e9d14f !important}
.fastmove.water, .chargedmove.water{border-color: #78a9f8 !important}
.fastmove.grass, .chargedmove.grass{border-color: #5ea52f !important}
.fastmove.ground, .chargedmove.ground{border-color: #c2764c !important}


.fastmove.rock, .chargedmove.rock{border-color: #c2b78e !important}
.fastmove.ghost, .chargedmove.ghost{border-color: #5c6fbc !important}
.fastmove.dark, .chargedmove.dark{border-color: #575265 !important}
.fastmove.dragon, .chargedmove.dragon{border-color: #3e6ec2 !important}
.fastmove.flying, .chargedmove.flying{border-color: #768ed5 !important}
.fastmove.steel, .chargedmove.steel{border-color: #779fb0 !important}
.fastmove.poison, .chargedmove.poison{border-color: #ab6ac8 !important}
.fastmove.bug, .chargedmove.bug{border-color: #9ab83a !important}
.fastmove.ice, .chargedmove.ice{border-color: #73e4f0 !important}
.fastmove.fairy, .chargedmove.fairy{border-color: #dc8adc !important}
.fastmove.fire, .chargedmove.fire{border-color: #e69746 !important}




/*
.raid-attacker.rock span.rank{color: #c2b78e}
.raid-attacker.fighting span.rank{color: #fff}
.raid-attacker.ghost span.rank{color: #5c6fbc}
*/
/*
.raid-attacker.shadow .thumb img{
	filter: grayscale(100%) brightness(70%) sepia(100%) hue-rotate(-136deg) saturate(150%) contrast(1.5) drop-shadow(25px 25px 15px rgb(22 0 42 / 90%))
	
}
*/

	

.raid-attacker.mega.ghost .thumb img {
    filter: drop-shadow(3px 3px 34px rgb(197 64 126 / 50%));
}




.raid-attacker.shadow .thumb .halo {}

/* APEX STYLING */
.raid-attacker.shadow.apex .thumb .halo {background: #ff5ba7;}
.raid-attacker.shadow.apex .thumb img{
	filter: drop-shadow(10px -2px 15px #390643)
}






/* DUPLICATE NEST NOTICE */

#duplicate-nest{
	display: none;
	background: #dfd8fa;
    border-radius: 16px;
    min-height: 280px;
    overflow: hidden;
    position: relative;
}

#duplicate-nest .willow{
    position: absolute;
    right: 0;
    max-width: 42%;
    top: 5%;
}

#duplicate-nest .dp-notice-contents{
	padding: 2.5rem 3rem;
    width: 60%;
}

#duplicate-nest span.hl{
    font-size: 1.35rem;
    font-weight: 600;
	display: block;
	margin-top: 1.5rem;
	line-height: 140%
}

#duplicate-nest strong{
    display: inline-block;
    color: #514777;
    border-bottom: 2px solid #bab2db;
    font-weight: 600;
} 

#duplicate-nest p{
	font-size: 1.1rem;
}

#duplicate-nest .btn{
	line-height: 48px !important;
	font-size: 1rem;
	padding-left: 3rem !important;
	padding-right: 3rem !important
}

#duplicate-nest .nesting-pkmn{
	width: 100px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: rgba(255,255,255,0.8);
    border-radius: 100%;
    border: 5px solid #fff;
}

#duplicate-nest .nesting-pkmn img{
	width: 100%;
}

#field_1_20{display: none}

@media(max-width: 600px){
	#duplicate-nest .dp-notice-contents{width: 75%}
	#duplicate-nest .willow{right: -15%;}
	#duplicate-nest .btn{font-size: 1.25rem; padding-left: 2rem; padding-right: 2rem}
	#duplicate-nest .nesting-pkmn{width: 84px}
}

















/*
@media (max-width: 960px){
		
	.raid-attacker-feed{
		background: none;
		padding: 1.5rem;
		margin-top: 1rem;
		max-width: 100%
	}	

	.raid-attacker-feed .inner{
		background: none;
		padding: 0px;
	}

	.raid-attacker-feed .raid-attacker{
		height: 220px;
		border-radius: 12px;
		margin-bottom: 1rem;
	}

	.raid-attacker .icon {
		width: 24px;
		height: 24px; 
		border-radius: 100px;
		text-align: center;
		position: absolute;
		bottom: auto;
		left: auto;
		top: 4%;
		right: 2%;
	}

	.raid-attacker .icon img {
		max-height: 12px;
		position: relative;
	}

	.raid-attacker-feed .raid-attacker .moveset {
		width: 96%;
		position: absolute;
		bottom: 8px;
		right: 1%;
		z-index: 10;
		display: flex;
		max-width: 100%;
	}

	.raid-attacker-feed .raid-attacker .fastmove, .raid-attacker-feed .raid-attacker .chargedmove {
		width: 47%;
		display: flex;
		border-radius: 100px;
		margin-bottom: 0.5rem;
		padding: 5px;
		color: #fff;
		border: 2px solid #b23f69;
		background: #000;
	}
	
	.raid-attacker-feed .raid-attacker .fastmove{
		margin-right: 3%
	}

	.raid-attacker-feed .raid-attacker .move_icon img {
		height: 28px;
		margin-right: 1rem;
		border: 2px solid #fff;
		border-radius: 100px;
	}

	.raid-attacker-feed .raid-attacker .move_name {
		line-height: 28px;
		font-size: 1.1rem;
		font-weight: 600;
	}
		
	.raid-attacker span.rank {
		font-size: 32px;
		font-weight: 600;
		position: absolute;
		bottom: 25%;
		left: 5%;
		opacity: 0.8;
		z-index: 3;
	}

	img.attacker-img {
		position: absolute;
		top: 0px;
		left: 25%;
		z-index: 10;
		max-width: 69%
	}
	
	.raid-attacker .thumb .halo{
		left: 29%
	}

	.raid-attacker .underlay{
		left: 15%
	}
	.raid-attacker.shadow .underlay{
		width: 100%; 
		left: 15%;
		top: 39%;
		background-size: 80%;
	}
	
}
*/

/* TOP RAID ATTACKERS NAV */

#top-pve-nav{
	display: flex;
	background: #20252d;
	padding: 0 4%
}

#top-pve-nav label{display: none}

#top-pve-nav .icon{
	fleX: 1;
	text-align: center;
	border-right: 1px solid #333;
	padding: 1rem 0
}

#top-pve-nav .icon:last-child{
	border: none
}

#top-pve-nav img{
	width: 48px;
	transform: scale(1);
	transition: all 0.2s ease;
	position: relative;
	top: 0;
}

#top-pve-nav img:hover{
	transform: scale(1.5);
	box-shadow: 0 5px 50px -7px rgb(255 255 255);
    top: -5px;
    border-radius: 100px;
}




@media (max-width: 960px){
	
	#top-pve-nav{display: none;}

	#top-pve-nav-control{
		background: #20252d;
		height: 60px;
	}

	#top-pve-nav-control #current-pve-typing{
		width: 64px;
		height: 64px; 
		display: block;
		margin: 0 auto; 
	}
 
	#top-pve-nav-control #current-pve-typing{
		background: url('/api/pokemon/types/fighting.png');
		background-size: 44px auto;
		background-position: center;
		background-repeat: no-repeat
	}
	
	#top-pve-nav-control #current-pve-typing.normal{background-image: url('/api/pokemon/types/normal.png');}
	#top-pve-nav-control #current-pve-typing.fire{background-image: url('/api/pokemon/types/fire.png');}
	#top-pve-nav-control #current-pve-typing.water{background-image: url('/api/pokemon/types/water.png');}
	#top-pve-nav-control #current-pve-typing.electric{background-image: url('/api/pokemon/types/electric.png');}
	#top-pve-nav-control #current-pve-typing.grass{background-image: url('/api/pokemon/types/grass.png');}
	#top-pve-nav-control #current-pve-typing.ice{background-image: url('/api/pokemon/types/ice.png');}
	#top-pve-nav-control #current-pve-typing.fighting{background-image: url('/api/pokemon/types/fighting.png');}
	#top-pve-nav-control #current-pve-typing.poison{background-image: url('/api/pokemon/types/poison.png');}
	#top-pve-nav-control #current-pve-typing.ground{background-image: url('/api/pokemon/types/ground.png');}
	#top-pve-nav-control #current-pve-typing.flying{background-image: url('/api/pokemon/types/flying.png');}
	#top-pve-nav-control #current-pve-typing.psychic{background-image: url('/api/pokemon/types/psychic.png');}
	#top-pve-nav-control #current-pve-typing.bug{background-image: url('/api/pokemon/types/bug.png');}
	#top-pve-nav-control #current-pve-typing.rock{background-image: url('/api/pokemon/types/rock.png');}
	#top-pve-nav-control #current-pve-typing.ghost{background-image: url('/api/pokemon/types/ghost.png');}
	#top-pve-nav-control #current-pve-typing.dragon{background-image: url('/api/pokemon/types/dragon.png');}
	#top-pve-nav-control #current-pve-typing.dark{background-image: url('/api/pokemon/types/dark.png');}
	#top-pve-nav-control #current-pve-typing.steel{background-image: url('/api/pokemon/types/steel.png');}
	#top-pve-nav-control #current-pve-typing.fairy{background-image: url('/api/pokemon/types/fairy.png');}
	
	
	
	
	#top-pve-nav{
		position: fixed; 
		height: 100%; 
		width: 100%; 
		z-index: 100;
		padding: 4rem 2rem
	}
	
	#top-pve-nav .icon{
		width: 48%;
		float: left; 
		height: 44px;
		margin: 0 1%;
		border: none;
		text-align: left;
		line-height: 60px;
		position: relative;
		padding: 4px;
		margin-bottom: 1rem;
		border: none !important;
		border-radius: 100px;
		background: rgba(255,255,255,0.075)
	}
	
	#top-pve-nav .icon img{
		width: 34px;
		height: 34px;
		position: absolute;
		left: 4px; top: 4px;
		border: 3px solid #fff;
		border-radius: 100px
	}
	
	#top-pve-nav label{
		display: inline;
		color: #fff;
		line-height: 36px;
		font-size: 13px;
		margin-left: 54px;
		font-weight: 700;
		letter-spacing: 0.05rem;
		text-transform: uppercase;
	}


}



/* #mobi-pve-filters */

#mobi-pve-filters {
	width: 93%; 
	position: fixed; 
	bottom: 4%; 
	left: 50%;  /* Center horizontally */
	transform: translateX(-50%); /* Shift it back by half of its width */
	background: #334d74;
	background: linear-gradient(to right, #253245, #334d74);
	background-size: 150%;
	height: 60px;
	border-radius: 8px;
	box-shadow: 0 -10px 50px 10px rgba(0,0,0,.675);
	overflow: hidden;
	z-index: 9;
	max-width: 600px;
}


@media (max-width: 960px){
	#mobi-pve-filters{display: block}
}

.mobi-pve-filters{
	width: 100%; 
	height: 60px;
	display: flex; 
}

.mobi-pve-filters .mobi-pve-filter{
	width: 33.33%;
	text-align: center;
	border-left: 1px solid rgba(255,255,255,0.05);
	border-top: 3px solid transparent;
	cursor: pointer
}

.mobi-pve-filters .mobi-pve-filter:first-child{
	border-left: none;
}

.mobi-pve-filters .mobi-pve-filter:last-child{
	border-right: none;
}



.mobi-pve-filters .mobi-pve-filter .icon-filter{
	width: 40px;
	height: 60px;
	text-align: center; 
	border-radius: 48px;
	padding-top: 10px;
	margin: 0 auto;
}

@media (min-width: 1800px){
	#mobi-pve-filters,
	.mobi-pve-filters{
		height: 68px;
	}
}

.mobi-pve-filter i {
    font-size: 1rem;
    position: relative;
    top: -26px;
    color: #fff;
    font-style: normal;
	font-weight: 600
}

.mobi-pve-filters .mobi-pve-filter.disabled{
	opacity: 0.25 !important;
	background: #000 !important;
	border-top-color: transparent;
}



.mobi-pve-filters .mobi-pve-filter .icon-filter img{
	height: 22px;
}

i b{
	width: 7px;
	height: 7px;
	display: inline-block;
	border-radius:8px;
	margin-right: -5px;
	position: relative;
	top: 1px; 
	left: -9px
}

.mobi-pve-filters .mobi-pve-filter.mega i b{background: #ff4388;}
.mobi-pve-filters .mobi-pve-filter.shadow i b{background: #8948ff}
.mobi-pve-filters .mobi-pve-filter.legendary i b{background: #e5c13f}

body.hide-mega .raid-attacker.mega{	display: none; }
body.hide-mega .mobi-pve-filter.mega i b{background: #999}

body.hide-shadow .raid-attacker.shadow{display: none;}
body.hide-shadow .mobi-pve-filter.shadow i b{background: #999}

body.hide-legendary .raid-attacker.legendary{display: none;}
body.hide-legendary .mobi-pve-filter.legendary i b{background: #999}






/* MODAL & NEST CONFIRM MODAL */

.micromodal-slide.is-open{
	position: relative;
	z-index: 9999
}

.nest-confirm-modal .modal__container,
.pogonest-modal .modal__container{
	background: linear-gradient(176deg, white, #ebeaff);
    border-radius: 16px;
    overflow-x: hidden;
    width: 540px;
    max-width: 90%;
    text-align: center;
    padding: 5rem;
    font-size: 1rem;
}

.nest-confirm-modal .modal__container h4,
.pogonest-modal .modal__container h4{
	font-size: 1.5rem;
    font-weight: 600;
    margin-top: 0;
}

.nest-confirm-modal .modal__container input[type="text"],
.pogonest-modal .modal__container input[type="text"]{
	width: 100%;
    font-size: 1.5rem;
    text-align: center;
    padding: 9px 1rem;
	margin-bottom: 0.5rem;
}

.nest-confirm-modal .modal__container button,
.pogonest-modal .modal__container button{
	width: 100%;
    background: #837bfa;
    border: none;
    color: #fff;
    font-size: 1.25rem;
    padding: 5px;
    border-radius: 8px;
    margin-top: 0.5rem;
    line-height: 48px;
    font-weight: 600;
	cursor: pointer
}

.pogonest-modal .modal__container .btn{
	font-size: 1.2rem
}

.nest-confirm-modal .modal__container button:hover{
	background: #7369ff
}

.nest-confirm-modal #confirming_nest_image{
	width: 200px;
    border: 7px solid #837bfa;
    display: block;
    border-radius: 200px;
    box-shadow: 0px 44px 25px -30px rgba(0,0,0,0.2);
    padding: 1rem;
    background: #f0edff;
    margin: 0 auto 2rem auto;
}

.nest-confirm-modal h4,
.pogonest-modal h4{
	font-size: 1.5rem;
    font-weight: 600;	
}


.nest-confirm-modal .modal-footer,
.pogonest-modal h4{
	margin-top: 2rem;
}

.nest-confirm-modal .modal-footer .willow-portrait{
	border-radius: 100px; 
	width: 54px; 
	height: auto; 
	overflow: hidden;
	float: left;
	margin-right: 1.5rem;
	border: 3px solid #ccc
}

.nest-confirm-modal .modal-footer small,
.pogonest-modal .modal__footer small{
    margin-top: 1rem;
    display: block;
    font-size: 10px;
    text-align: left;
    line-height: 150%;
}

.nest-confirm-modal .close-modal,
.pogonest-modal .close-modal{
	font-weight: 900;
    font-size: 24px;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
	opacity: 0.5
}
.nest-confirm-modal .error_msg{
	font-size: 1rem;
	color: #cd3345;
	background: #ffe4e7;
	border-radius: 4px;
	padding: 5px 3rem;
	margin-bottom: 3px;
	display: none;
}



.initial-state.error input[type="text"]{
	border: 1px solid #cd3345
}

.initial-state.error{
	
}

.initial-state.error .error_msg{
	display: block;
}

.nest-confirm-modal .initial-state.error .modal-footer .willow-portrait{
	border-color: #cd3345;
	animation: heartBeat 2s ease
}

.confirmation-state{
	display: none;
}

.confirmation-hl{
	font-size: 3rem;
    font-weight: 700;
    margin: 2rem auto 0 auto;
    font-size: 3.5rem;
    animation-delay: 0.1s;
    border: none;
    padding: 0 1rem;
    letter-spacing: -0.1rem;
    line-height: 3rem;
    font-weight: 600;
    color: #5eb2ad;
    text-transform: capitalize;
    display: block;
}

.confirmation-anim{
	width: 200px;
    height: 200px;
    border-radius: 200px;
    overflow: hidden;
    margin: 0 auto;
    border: 7px solid #ccc;
}

.confirmation-anim img{
    width: 280px;
    position: relative;
    left: -60px;
}

@media (max-width: 960px){
	
	.nest-confirm-modal .modal__container,
	.pogonest-modal .modal__container{
		border-radius: 8px;
		padding: 2.5rem;
		max-width: 88%
	}
	
	.pogonest-modal .modal__container{
		padding: 3rem 4rem 4rem 4rem
	}
	
	.pogonest-modal .modal__container .btn{
		padding: 0.5rem 0 !important;
		font-size: 1.4rem
	}
	
	
	
	.nest-confirm-modal #confirming_nest_image{
		width: 120px;
		border-width: 5px;
	}
	
	
	
}






















@media (max-width: 1440px){ 
	
	.flex-item-fourth{
		width: 32.5%;
		margin: 0 0.5% 1rem 0 !important;
	}
}


@media (max-width: 1400px){
	.toolbar .nav a{padding: 1rem 0.7rem;}
}

@media (max-width: 1250px){
	.toolbar{padding-left: 1rem; padding-right: 1rem}
	.toolbar .logo{width: 170px}
	.toolbar .nav{margin-left: 0rem}
	.toolbar .nav a{padding: 1rem 0.5rem;}
	.park-stat{margin: 5px; width: calc(50% - 10px);}
	.park-stat small{font-size: 1rem; opacity: 0.75; line-height: 130%}
	.park-meta .get-directions{width: 100%; text-align: center; font-size: 1.5rem; padding: 1rem 0;}
	.park-ft-image{height: auto; margin-bottom: 1rem; border-radius: 8px}
	.park-ft-image img{max-height: auto; max-width: 100%;}
	.park-stat h6{font-size: 1.2rem; font-weight: 600}
	.park-stat span{font-size: 3.5rem}
	.flex-item-fourth{
		width: 48%;
		margin: 0 2% 1rem 0 !important;
	}
}







@media (max-width: 940px){ 
	.toolbar{
		padding: 6px 0rem
	}

	.mapboxgl-popup-content .btn{
		line-height: 36px !important
	}

	#loader{
		transform: scale(0.5)
	}

	.single-park-nests,
	.park-meta-data{
		width: 100%
	}
	
	.ui-autocomplete{padding: 0.25rem !important}
	.ui-autocomplete li{margin-left: 0 !important; margin-right: 0 !important;}
	.ui-autocomplete li div{font-size: 1.3rem !important}
	
	.location-card-h .thumb .latestNestThumb{
		width: 28px; 
		height: 28px;
		padding: 2px;
	}
	
	.flex-item-fourth{margin-right: 0 !important}
	
	.half{
		width: 100% !important; 
		margin: 0 0 3rem 0;
		
	}
	
	.leaderboards ul li .score strong{font-size: 3rem; font-weight: 500}
	.leaderboards ul li .score em{font-size: 0.9rem}
	
	.park-meta-data ul{font-size: 1.3rem}
	
	.location-card-h{margin: 0.7rem 0 0 0}
	
	.location-card-h .meta .location-stats .stat.view-btn{
		display: none
	}
	
	.location-card-h .highlights{top: 10%; left: 5%}
	
	.location-card-h .highlights span{font-size: 8px; padding: 2px 4px;}
	.location-card-h .meta .location-stats .stat{padding: 0.5rem 0 0 0;}
	.location-card-h .meta .location-stats .stat.density{display: none;}
	.location-card-h .meta .location-stats .stat.gyms{border: none; padding-left: 1rem;}
	
	
	.location-card-h .thumb{width: 35%;}
	.location-card-h .location-details{width: 65%; padding: 1rem 0 1rem 1rem}
	
	.park-single #map{
		height: 200px !important;
		background-size: 150% auto !important;
	}
	
	.marker-icon {
		width: 54px;
		height: 54px;
		padding: 4px;
	}
	
	.desktop-only{
		display: none
	}
	
	#hamburger{
		width: 60px;
		height: 58px;
		position: fixed;
		top: 3px;
		right: 0px;
		z-index: 9999;
		padding-left: 20px;
		padding-top: 21px;
		background-size: 200%;
		/* background: linear-gradient(-133deg, #23232c, #444455); */
	}
	

	
	#hamburger span{
		background: #fff;
		width: 20px;
		height: 3px;
		display: block;
		margin-bottom: 8px;
		border-radius: 4px;
		transition: all .4s 
	}
	
	body.menu_active{
		overflow: hidden !important
	}
	
	body.menu_active #hamburger span.a,
	body.menu_active #hamburger span.b{
		position: relative;
	}
	
	body.menu_active #hamburger span.a{
		transform: rotate(45deg);
		top: 7px
	}
	
	body.menu_active #hamburger span.b{
		transform: rotate(-45deg);
		top: -4px
	}
	
	body.menu_active #mobile-nav, body.menu_active .toolbar{
		background: #0f192d !important 
	}
	
	body.menu_active .toolbar{
	}
	
	
	#mobile-nav{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%; 
		height: 100%;
		background: #0f192d;
		padding-top: 50px;
		text-align: left;
		overflow: scroll;
	}
	
	#mobile-nav .links{
		margin-bottom: 0rem;
		width: 80%;
		margin: 0 auto;
	}
	
	#mobile-nav .underlay{
		position: fixed;
		left: 0; top: 0;
		width: 100%;
		height: 100vh;
		background-size: auto 100%;
		background-position: center bottom;
		opacity: 0.1;
		z-index: 0
	}
	
	
	#mobile-nav .btns{
		width: 80%;
		margin: 0rem auto 0 auto;
		padding-top: 0rem;
		text-align: center;
		display: flex;
	}
	
	#mobile-nav .btns .submit-park-btn{ 
	    color: #fff!important;
		border: 2px solid #3daae7;
		background: none;
	}
	
	#mobile-nav .btns .submit-nest-btn{ 
	    color: #fff!important;
		background: #ff5f2e;	
		margin-right: 0px !important;
		border: 2px solid #ff5f2e;
	}
	
	#mobile-nav .btns a{
		font-size: 1.3rem !important;
		line-height: 32px;
		width: 47.5%;
		margin-right: 5%
	}
	
	
	
	
	
	#mobile-nav a{
		text-decoration: none;
		font-size: 1.65rem;
		font-weight: 600;
		color: #fff;
		display: block;
		position: relative;
		z-index: 999;
		margin: 1.95rem auto;
		left: 0
	}
	
	#mobile-nav a:hover {
		color: #ff5f2e;
	}
	
	#cities-nav-toggle:hover{
		color: #fff !important
	}
	
	
	
	
	#mobile-nav ul{
		margin: 2rem 0 0 0; 
		padding: 0; 
		list-style: none; 
		display: none; 
		flex-wrap: wrap;
	}
	
	#cities-nav-toggle i{
		transition: all .3s
	}
	
	#cities-nav-toggle.active i{
		transform: rotate(180deg);
	} 
	
	#mobile-nav ul li{
		margin: 0.5rem 0 0.5rem 2rem;
		width: 100%
	}
	
	#mobile-nav ul li a{
		font-size: 1.75rem;
		margin: 2rem 0 !important;
		font-weight: 500
	}
	
	body.menu_active #mobile-nav{
		display: block;
		z-index: 20;
		background: linear-gradient(45deg, #281a4a, #1a2a4a);
		background-image: url(/assets/images/bgtexture-subtle.png), linear-gradient(45deg, #281a4a, #1a2a4a) !important;
		background-repeat: repeat;
		background-attachment: fixed;
	}
	
	body.menu_active .toolbar{
		background: transparent !important
	}
	
	.mobile-only{
		display: block 
	}
	
	html,body{
		font-size: 11px;
	}
	
	.page-contents{
		font-size: 12px
	}
	
	body{
		padding-top: 60px;
	}
	
	.head_btns, 
	.toolbar .nav
	{display: none !important}
	
	.report-nest-home{
		display: block !important
	}
	
	.toolbar{
		text-align: center;
	}
	
	.toolbar .contain{
		justify-content: center;
	}
	
	.toolbar .logo{
		width: 140px;
		margin: 0 auto;
		float: none;
	}
	
	/*.btn,*/input[type=file]::file-selector-button, input[type="submit"]{
		font-size: 1.2rem;
		line-height: 44px
	}
	
	.headliner{
		padding: 3rem 0;
	}
	
	.headliner h1{
		font-size: 3.25rem;
		margin: 0 0 1rem 0; 
		padding: 0 2rem;
		line-height: 3.25rem
	}
	
	.headliner em{
		min-height: 0
	}
	
	.headliner span{
		font-size: 1rem;
	}
	

	
	.locations-feed{
		border-radius: 8px;
		float: none;
	}
	 
	.flex-item-fourth{
		width: 100%;
		margin: 0 0 0.5rem 0;
	}
	
	.flex-item-third{
		width: 100%;
		margin: 0 0 0.5rem 0;
	}
	

	
	.location-card.flex-item-third{
		display: flex;
		margin-right: 0 !important;
		margin: 1rem 0 0 0 !important
	}
	
	.location-card.flex-item-third .thumb{
		flex: 1;
		width: 40%;
		overflow: hidden;
	}
	
	.location-card.flex-item-third img{
		width: auto !important;
		max-width: none;
		height: 100%
	}
	
	
	
	.location-card.flex-item-third .meta{
		flex: 1;
		width: 60%;
	}
	
	.city-block{
		border-radius: 8px;
		padding: 1rem
	}
	
	.city-block .flex-container{
		
	}
	
	.city-block h3{
		font-size: 1.25rem;
		border: none;
		padding-top: 0;
		padding-bottom: 0.25rem;
	}
	
	.city-block .location-title span{
		display: none
	}
	
	.city-block h3 .city-parks-count{ 
		top: 1.15rem;
	}
	

	/*.btn,*/ input[type="submit"] {
		line-height: 60px !important;
		font-size: 1.4rem;
	}
	input[type=file]::file-selector-button {
		line-height: 36px !important;
		border-radius: 100px
	}
	
	.fw-page{
		padding: 2rem 1.5rem;
		max-width: 96%
		
	}
	
	#thanks-card .fw-page{
		padding: 1.5rem;
	}	
	
	.pg-submit-a-nest .fw-page,
	.pg-submit-park .fw-page{
		max-width: 92%;
		padding: 2rem
	}
	
	.pg-submit-a-nest .fw-page .gsection_title,
	.pg-submit-park #field_2_10 .gsection_title{
		margin: 0 !important;
	}
	
	.pg-submit-a-nest input[type="submit"]{
		margin-top: 0
	}
	
	.pg-submit-a-nest .gform_wrapper.gravity-theme .gfield_label,
	.pg-submit-park .gform_wrapper.gravity-theme .gfield_label{
		font-size: 1.25rem;
		font-weight: 600
	}
	
	.mobi-sectionate{
		display: none
	}
	
	#input_2_12_1_label{display: none}
	
	.headliner.mobile-only{
		display: block !important;
	}

	#latestReportedNest .thumb, #nestBeingReported .thumb{
		width: 64px;
		margin-right: 1rem;
	}
	
	#latestReportedNest .meta h3, #nestBeingReported .meta h3{
		font-size: 0.9rem
	}
	
	#latestReportedNest .meta, #nestBeingReported .meta{
		padding-bottom: 1rem;
	}
	
	.ui-autocomplete li{
		font-size: 1.5rem
	}
	
	#field_1_10{border: none}
	
	#field_1_1,#field_1_13{display: none;}
	#field_1_12{display: block !important;}
	
	.park-single .flex-item-one-half,
	.park-single .flex-item-two-thirds,
	.park-single .flex-item-one-thirds{
		width: 100%;
		flex: 100%;
		
	}
	
	.park-meta-data{
		padding-left: 0;
	}
	
	#mobile-base-nav{
		position: fixed; 
		bottom: 0; left: 0;
		background: #222;
		width: 100%; 
		display: none !important;
		z-index: 999;
		
	}
	
	#mobile-base-nav a{
		width: 33%;
		line-height: 48px;
		color: #fff;
		text-align: center;
		padding: 10px 0;
		text-decoration: none
	}
	
	#mobile-base-nav i{
		font-size: 36px;
		display: block;
	}

}


#homescreen_prompt{
	width: 90%;
	position: fixed;
	left: 5%;
	bottom: calc(0% + 18px);
	background: #fff;
	color: #333;
	text-align: center;
	z-index: 9999;
	font-size: 15px;
	border-radius: 8px;
	box-shadow: 0px 10px 20px 1000px rgba(0,0,0,0.5);
	line-height: 1.4;
	display: none;
	opacity: 0;
	border-top: 4px solid #abd8ad;
}

#homescreen_prompt .rel{
	position: relative;
	padding: 3rem 3.5rem;
	padding-top: 4rem;
}

#homescreen_prompt .rel:after{
	content: '';
	width: 18px;
	height: 18px;
	margin-left: -9px;
	position: absolute;
	left: 50%;
	bottom: -9px;
	background: #fff;
	transform: rotate(45deg);
}

#homescreen_prompt .willow-home{
	border-radius: 50%;
	position: absolute;
	width: 72px;
	margin-left: -36px;
	left: 50%;
	top: -44px;
	background: #daedff;
	border: 4px solid #abd8ad;
}

#homescreen_prompt strong{
	font-size: 1.05em !important;
	font-weight: 500;
	display: block;
	margin-bottom: 1rem
}

#homescreen_prompt em{
	color: #512d99;
	font-style: normal;
	font-weight: 600;
}

#homescreen_prompt .homescreen_instructions{
	padding: 0.5rem 0;
	line-height: 180%	
}

#homescreen_prompt .homescreen_instructions b{
	display: block;
	font-weight: 500;
	margin: 0.75rem 0 0.5rem 0;
}

#homescreen_prompt button{
	font-size: 1.1em !important;
	margin-top: 0.5rem
}

#homescreen_prompt .pogo-homescreen-icon{
	display: flex;
	align-items: center; 
	width: 170px;
	margin: 8px auto;
	border-radius: 8px;
	border: 1px solid #eeeaff;
	padding: 0.375rem;
	background: #fcfbff
}

#homescreen_prompt .pogo-homescreen-icon img{
	width: 40px;
	border-radius: 10px;
}

#homescreen_prompt .pogo-homescreen-icon span{
	flex: 1;
	text-align: center;
	font-weight: 600;
	color: #31226c

}

/* Home Featured Component */



#featured-widget{
    background: linear-gradient(45deg, rgb(63 81 181 / 50%), rgb(63 81 181 / 49%));
    padding: 2rem 3%;
	margin-top: 4rem;
}

.home #featured-widget{
	width: 1600px;
    max-width: 94%;
    padding: 1rem;
    margin: 0 auto 1.5rem auto;
    border-radius: 8px;
}

#featured-widget h5{
    margin: 0 0 0.75rem 0.25rem;
    padding-top: 0;
    font-weight: 600;
    font-size: 1rem;
    color: #d8dcff;
}

#featured-widget .grid-container{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 1rem;
}



#featured-widget .featured-block{
	background: rgba(0,0,0,0.35);
	color: #fff;
	border-radius: 8px;
	padding: 1rem;
	display: flex;
	position: relative;
	cursor: pointer;
}
@media (pointer: fine){
	#featured-widget .featured-block:hover{
		background: rgba(0,0,0,0.65);
	}
	#featured-widget .featured-block:hover .thumb{
		border: 3px solid #ffbf65;
	}
}

#featured-widget .featured-block.new:after{
	content: 'NEW';
	position: absolute;
    left: 1.5rem;
    bottom: 1.5rem;
    background: #E91E63;
    border-radius: 4px;
    padding: 0.2rem 0.375rem;
    font-size: 9px;
    font-weight: 700;
    display: block;
}

#featured-widget .featured-block .thumb{
	min-width: 128px;
	height: 100%;
	background: #fff;
	margin-right: 1rem;    
	border-radius: 6px;
    overflow: hidden;
    border: 3px solid rgb(71 170 255 / 60%);
	background-size: cover;
	background-position: center;
}



@media (max-width: 600px){
	#featured-widget .featured-block .thumb{
		min-width: 100px;
		max-width: 100px;
	}
}



#featured-widget .featured-block .thumb img{
	max-height: 100%
}

#featured-widget .featured-block h6{
	margin-bottom: 0.5rem;
	color: #fff;
	font-size: 1.2rem
}

#featured-widget .featured-block .description{
	font-size: 0.9em;
	color: #ccc;
	line-height: 125%
}

@media (max-width: 600px){
	#featured-widget .featured-block{padding: 0 !important}
	#featured-widget .grid-container{
		grid-template-columns: 1fr;
		gap: 0.5rem
	}
	#featured-widget .featured-block{display: none !important}
	#featured-widget .featured-block:nth-child(1){
		display: flex !important
	}
	
	#featured-widget .featured-block .content{
		padding: 1rem 0.5rem
	}
}

@media (min-width: 600px){
	
	#featured-widget .grid-container{
		grid-template-columns: 1fr 1fr;
		gap: 0.5rem
	}
	#featured-widget .featured-block{display: none !important}
	#featured-widget .featured-block:nth-child(1),
	#featured-widget .featured-block:nth-child(2){
		display: flex !important
	}
}

@media (min-width: 1024px){
	
	#featured-widget .grid-container{
		grid-template-columns: 1fr 1fr 1fr;
		gap: 0.5rem
	}
	#featured-widget .featured-block{display: none !important}
	#featured-widget .featured-block:nth-child(1),
	#featured-widget .featured-block:nth-child(2),
	#featured-widget .featured-block:nth-child(3){
		display: flex !important
	}
}

@media (min-width: 1400px){
	
	#featured-widget .grid-container{
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 1rem
	}
	#featured-widget .featured-block{display: flex !important}
	
}



#nest_preview{
    position: absolute;
    top: 1.25rem;
    right: 1rem;
    border-radius: 100px;
    background: rgb(232 246 234 / 90%);
    padding: 8px;
    border: 4px solid #7ba982;
    width: 80px;
    height: 80px;
    overflow: hidden;
	display: none;
	box-shadow: 0 5px 10px rgba(0,0,0,0.25)
}

#nest_preview img{
	width: 100%;
}

#not-nesting-species, #species-is-event-spawn{
    padding: 2rem 1.5rem;
    border-radius: 8px;
    background: #f6f5ff;
    border-left: 5px solid #b8adef;
	line-height: 140%;
	display: none;
	margin-bottom: 1rem
}

#not-nesting-species .flex-container{
	display: flex;
    align-items: center;
	flex-wrap: nowrap
}

#species-is-event-spawn .grid-container{
	display: grid;
    grid-template-columns: minmax(40px,64px) 1fr;
}

#species-is-event-spawn b {
    font-weight: 600;
}

#not-nesting-species img, #species-is-event-spawn img{
	border-radius: 50px;
    width: 48px;
    border: 3px solid #b8adef;
    margin-right: 1.5rem;
}





.no-nests-notice,
.no-parks-notice{
    grid-column: span 5;
    text-align: center;
    padding: 3rem 3rem 4rem 3rem;
    border-radius: 8px;
    background: linear-gradient(312deg, #eee, #fff);
    background-size: 200%;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    max-width: 480px;
    margin: 0 auto;
    line-height: 150%;
    color: #222;
	
}

.no-nests-notice h6,
.no-parks-notice h6{
    font-size: 1.45rem;
    line-height: 150%;
	font-weight: 600
}

.no-nests-notice img.no-nests-willow,
.no-parks-notice img.no-nests-willow{
	border-radius: 50px;
    width: 90px;
    border: 5px solid #b8adef;
    margin-bottom: 1.5rem;
    background: #f1f1f2;
    box-shadow: 0 20px 10px rgba(0,0,0,0.05);
}

.no-nests-notice p,
.no-parks-notice p{
	font-size: 1.3rem;
	line-height: 150%
}

@media (max-width: 600px){
	.no-nests-notice .btn,
	.no-parks-notice .btn{
		width: 100%;
		font-size: 1.5rem;
		padding: 1rem 0;
		text-align: center;
		margin: 1.5rem 0;
	}
}

.footer-links{
	margin-top: 2rem
}

.footer-links i{
	font-style: normal;
	padding: 0 1rem;
	opacity: 0.25
}

.footer-links a{
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.025rem;
}

#browse-map-suggestion{
	display: flex;
	width: 100%;
	background: #fffdfb;
	border-radius: 8px;
	align-items: center;
	font-size: 1.3rem;
	font-weight: 500;
	padding: 0.5rem;
	margin-bottom: 6px;
	margin-top: -1rem;
	margin-bottom: 1rem;
	border: 1px solid #ddd;
	position: relative;
	display: none;
}

#browse-map-suggestion a{
	flex: 1;
	color: #333;
}

#browse-map-suggestion a b{
	color: #e91e63
}

#browse-map-suggestion .map-thumb{
	width: 20%;
	max-width: 20%;
	border-radius: 6px;
	overflow: hidden;
	margin-right: 3rem;
}

#browse-map-suggestion .map-thumb img{
	width: 100%;
	border-radius: 6px;
}

#browse-map-suggestion .chev{
	position: absolute;
	right: 5%;
	opacity: 0.5;
	top: 50%; 
	height: 12px;
	transform: translateY(-50%);
}

@media(min-width: 600px){
	#browse-map-suggestion .chev{height: 18px;}
}

@media(max-width: 600px){
	#browse-map-suggestion{display: flex;}
}



/* Updates */

	.update{
		position: relative;
		padding: 2rem 2rem 2rem 1.25rem;
		border-radius: 8px;
		background: #fff;
		margin-bottom: 0.5rem;
		border: 1px solid #ddd;
		border-left-width: 3px
	}
	
	.update.pad{
		padding: 4rem 4rem 4rem 1.5rem;
	}
	
	.update.pad strong{
		margin-bottom: 0.5rem !important;
		max-width: 90% !important
	}
	
	.update img{
		float: left; 
		margin-right: 2rem;
		width: 24px;
	}
	
	.update .flex{
		display: flex; 
		align-items: center;
	}
	
	.update a{
		color: #555;
		font-weight: 500
	}
	
	.update ul{
		padding-left: 1.5rem;
		padding-bottom: 0.25rem
	}
	
	.update ul li{
		margin-bottom: 1.25rem;
		line-height: 150%
	}
	
	.update strong{
		display: block;
		margin-bottom: 2px;
		line-height: 130%;
		font-weight: 600
	}
	
	.update-update-logs strong{
		max-width: 80%;}
	
	.update-update-logs a{
		color: orange
	}
	
	.update-update-logs b{
		font-weight: 600
	}
	
	.update.update-nest-migrations{
		background: #fff7e7;
		border: 1px solid #FFC107;
		border-left-width: 3px
	}
	
	.update.update-raid-bosses{
		background: #f9f5ff;
		border: 1px solid #c0addb;
		border-left-width: 3px
	}
	
	.update.update-pokemon{
		background: #f1faff;
		border: 1px solid #b7c6e1;
		border-left-width: 3px
	}
	
	.update.update-update-logs{
		border: 1px solid #ff9591;
		border-left-width: 3px;
	}
	
	.update.update-nest-migrations strong{
		margin: 0
	}
	
	.update.update-parks{
		background: #fbfff9;
		border: 1px solid #c4d7c4;
		border-left-width: 3px
	}
	
	.update .update-date{
		position: absolute; 
		top: 1rem;
		right: 1.5rem;
		color: #bbb;
		font-size: 0.8em;
		font-weight: 600
	}
	
	.update .content span{
		line-height: 135%
	}
	
	.update small{
		opacity: 0.5;
		display: block;
		margin-top: 4px;
		font-size: 0.7em
	}
	
	.update.update-sitewide-notice{
		background: #f0faff;
		border: 1px solid #2196F3;
		border-left-width: 3px;
	}
	
	
	#next-migration-featured{
	  font-weight: 700;
	  font-size: 1.5rem;
	  display: inline-block;
	  padding: 8px 0;
	  border-radius: 8px;
	  margin-top: 1rem;
	  color: #28424f
	}
	
	#next-migration-featured i{
		font-size: 0.6em;
		font-style: normal;
		margin: 0 4px 0 0;
		letter-spacing: 1px
	}
	
/* Spawn Rates - submit a nest */
#input_1_34{text-align: center; font-weight: 700; font-size: 24px !important}
#input_1_34::placeholder,
#input_6_17::placeholder {
    color: #ccc;
    opacity: 1;
}
#gfield_description_1_34{
	line-height: 150%
}
#gfield_instruction_1_34{display: none}

#field_1_34 .ginput_container,
#field_6_17 .ginput_container{position: relative}

#field_1_34 .ginput_container:after{
    content: "Per Hour";
    color: #bbb;
    position: absolute;
    z-index: 33;
    right: 10%;
    top: 35%;
    font-size: 13px;
    display: block;
    font-weight: 600;
}

#field_6_17 .ginput_container:after{
    content: "Per Hour";
    color: #bbb;
    position: absolute;
    z-index: 33;
    right: 10%;
    top: 36%;
    font-size: 13px;
    display: block;
    font-weight: 600;
}

.nest-size{
	position: absolute;
	top: 0.75rem;
	left: 0.75rem;
	background: #e3a64f;
	z-index: 3;
	color: rgba(255,255,255,0.9);
	padding: 5px 9px 3px 9px;
	border-radius: 8px 4px 4px 0px;
	font-size: 0.8rem;
	font-weight: 500
}
.boosted .nest-size{
	background: rgb(45 121 188 / 68%);
	color: #fff
}
@media (min-width: 1400px) {
	.nest-size{font-size: 0.75rem}
}
@media (max-width: 600px) {
	.old .nest-size{
		display: none
	}
	.nest-size{
		top: 10px;
		right: 10px;
		left: auto;
		/*background: #f6ebdc;*/
		background: rgba(0,0,0,0.05);
		color: #9e8057;
		font-weight: 600;
		border-radius: 3px;
		padding: 3px 6px 2px 6px;
	}
	.boosted .nest-size{
		background: rgba(255,255,255,0.5);
		color: #5e76cf 
	}
}