@import url("assets/css/variables.css?v=2");
@import url("assets/css/normalize.css?v=3");
@import url("assets/css/theme.css?v=4");
@import url("assets/css/globals.css?v=3");
@import url("assets/css/keyframes.css?v=2");
@import url("assets/css/tables.css?v=2");
@import url("assets/css/forms.css?v=5");
@import url("assets/css/home.css?v=2");
@import url("assets/css/raid-boss-single.css?v=4");
@import url("assets/css/hundo-cheatsheet.css?v=2");
@import url("assets/css/rank-checker.css?v=3");
@import url("assets/css/candy.css?v=2");
@import url("assets/css/nestgrid.css?v=9");
@import url("assets/css/raid-boss-listing.css?v=3");
@import url("assets/css/events.css?v=3");
@import url("assets/css/teamgorocket.css?v=4");



/*
	
	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;
    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 
	}
}