/********************************
-------------------------------
New RWD Media Queries - u user or universal
6/28/2016 - Author David Blake
updated 2/20/2017
updated 5/15/2017
-------------------------------
*********************************/
header, section, article, aside, footer, hgroup, .profileInfo , .banner-full-width, .profile-banner-full-width {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*.wrapper{
	width:1200px;
	min-height: 275px;
	margin:0 auto;
	padding:20px 0 20px 0;
}*/

.textSummary p {
	margin-bottom:1em;
}

.betaMess {
	font-size:.75em;
	text-align:center;
	color:#CCC;
	margin-bottom:.50em;
}

.width-expand {
	width: 74%;
    padding: 20px;
    display: inline-block;
    vertical-align: top;
}

.profile-banner-full-width {
	background: url(../images/profile-banner-dolphins.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
	padding-bottom:11%;
}

.uFaq a {
	display:block;
	font-size:.60em;
    color: #7F7F7F;
}

.uFaq a:hover {
    color:rgb(39,69,151);
}

.markersDeviceView {
		display:block;
		width:98%;
		position: relative;
	}
		
.ghostMarker10{
		position:relative;
		width:204px;
		margin:0 auto;
		padding-top:1em;
	}
	
.deviceMarkerCounter{
		position:relative;
		width:118px;
		margin:0 auto;
		}

.singleMarker {
		width:207px;
		padding-top: 1em;
		margin:0 auto;
		}

.deviceMarkerCounter, .doubloonContainer {
		padding-top: 1em;
		}
		
.m-markerCounter {
		position:absolute;
		top: 13px;
		right: 2px;
		z-index: 100;
		margin: 10px;
		padding: 3px 5px;
		font:.90em verdana;
		color: #000;
		background:#FFF;
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		border:3px solid #665600;
		border-radius: 35px;
	}
		
.markerNum {
		position:relative;
	}
		
.numTracker	{
		position:absolute;
		top:52px;
		left:26px;
		right:0;
		width:65px;
	}
		
.numStyle {
	font:bold 45px Verdana;
	color:#B8860B;
	text-shadow: 0 1px 0 #8B6508, /*outline stroke*/
		0 2px 0 #c9c9c9,/*2nd outline stroke*/
        0 3px 0 #FFC125, /*3rd outline stroke*/
        0 4px 0 #FFC125,
        0 5px 0 #DAA520, /*outer edge outline*/
		0 6px 1px rgba(218,165,32,.1),
        0 0 5px rgba(218,165,32,.1),
        0 1px 3px rgba(218,165,32,.3),
		0 3px 5px rgba(218,165,32,.2),
        0 5px 10px rgba(218,165,32,.25),
        0 10px 10px rgba(218,165,32,.2),
        0 20px 20px rgba(218,165,32,.15);
	margin:0 auto;
	}

.markers {
		display:inline-block;
		width: 48%;
		margin: 0 auto;
		position: relative;
		padding-top: 1em;
		vertical-align:top;
		}

.myDoubloons {
		display:inline-block;
		width: 48%;
		margin-left:2.1em;
		position: relative;
		padding-top: 1em;
		}

.myDoubloonCollection span {
		color: #600;
		position: absolute;
		top: 88px;
		right: 104px;
		font-size: 2em;
		}
		
.doubloonContainer {
		width:125px; 
		margin: 0 auto;
		position: relative;
		}	
	

/* Default styles Geoclaim page */
.geoClaimContent {
	overflow:hidden; 
	width:98%; 
	padding:20px 2px 0 0;
}

.currentLocation {
	float:left;
	width:30%;
}

.geoAddLocation {
	float:left;
	width:74%;
	margin-left:1em;
}

.globalMarker {
	position:relative;
	float:left;
	width:125px;
	height:125px;
}

.franchiseList li { /*6 columns*/
    width:16.666%;
}

/* Default styles Geoclaim page */

#NewProfile .top-section, #NewProfile .profileContainer {
	display:inline-block;
}

.top-section{
	width:19%;
}

h1.underlineHeader {
	border-bottom:1px solid rgb(102, 0, 0);
	width:100%;
	text-align:center;
}

/* */
#NewProfile .profileInfo {
	display:inline-block;
	vertical-align:top;
	margin-left:1em;
	width:422px;
	min-height:191px;
	padding:1em;
	border:1px solid #D8DDEC;
	border-radius:6px;
	box-shadow: 0 0 6px 1px rgba(0, 149, 204, 0.33);
	overflow:hidden;
}

#NewProfile .awardBadges {
	display:inline-block;
	margin-left:3.5em;
	width:300px;
	height:135px;
	padding:1em;
}

#NewProfile .profileInfo h3{
	font-family:verdana;
	color:rgb(102,0,0);
	font-size:.90em;
	font-weight:700;
	margin-left:100px;
}

/*.profileInfo .myInfo{
	margin: 2em 0 0 2em;
}

.profileInfo .myInfo:nth-child(2n){
	margin: .70em 0 0 2em;
}

.profileInfo .myInfo:last-child{
	margin: .70em 0 0 2em;
}*/

#NewProfile .myInfo, #NewProfile .infoUpdate {
	font-size:.85em
}

#NewProfile .myInfo label, #NewProfile .infoUpdate label {
	color:rgb(102,0,0);
	font-weight:500;
}

.myInfo label, .firstName, .lastName, .yourUserName, .yourEmail{
	display:inline-block;
}

/*.infoUpdate label {
	float:left;
	width:34%;
	padding-top:7px;
	text-align:right;
}*/



.profileInfo .profileCTA button {
    margin-left: 142px;
}





@media screen and (max-width:1200px) {
	.geoClaimContent {
		width:98%; 
		margin:0 auto;
	}
}

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  
  .wrapper, .geoClaimContent{
		width:95%;
		min-height: 275px;
		margin:0 auto;
		padding:20px 0 20px 0;
	}

	.profile-banner-full-width {
		background: url(../images/profile-banner-dolphins.jpg) no-repeat;
		background-size: cover;
		background-position: center;
		width: 100%;
		padding-bottom:6%;
	}

	.myProfileIntro {
		width:1200px;
		margin:0 auto;
		position:relative;
		top:70px;
`	}

	.franchiseList li { /*6 columns*/
		width:16.666%;
	}
}

@media screen and (max-width:800px) {
	.wrapper {
		width:98%;
	}
	.profile-banner-full-width {
		padding-bottom:6%;
	}
	
	#NewProfile section{
		width:98%;
	}
	
	#NewProfile .myProfileIntro {
		width:98%;
		margin-left:1.5em;
		position:relative;
		top:13px;
	}
	
	#NewProfile .top-section, #NewProfile .profileContainer {
		display:block;
		margin:0 auto;
	}
	
	#NewProfile .profileContainer {
		width:450px;
	}
	
	#NewProfile .top-section h1, #NewProfile h1.underlineHeader {
		text-align:center;
	}
	
	#NewProfile .myPoints {
		width:15%;
	}
	
	#NewProfile .top-section{
		width:20%;
	}
	
	#NewProfile .profileInfo {
		margin-bottom:1em
	}
	
	#NewProfile .awardBadges {
		margin-left: 2em;
		width: 291px;
	}

	.markers, .myDoubloons {
		width: 98%;
		margin: 0 auto;
	}
		
	.myDoubloons {
		margin-left:0;
	}
	
	.myDoubloonCollection span {
		right: 9px;
	}
	
	.deleteProfile {
		padding-right:20px;
	}
	
	.franchiseList li { /*4 columns*/
		width:25%;
	}
}

@media screen and (max-width:665px) {

.myDoubloonCollection, .myDoubloons, .markers {
		display: block;
		width: 98%;
		margin: 0 auto;
		position: relative;
		}
		
.ghostMarker10 {
		padding-top:0;
		}

.singleMarker {
		padding-top:0;
		padding-bottom:1em;
		}

.m-markerCounter {
		top:2px;
		}

.deviceMarkerCounter, .doubloonContainer {
		padding-top:0;
		}
	
 .deleteProfile {
		text-align:center;
		position:relative;
		top:15px;
	}
	
	.franchiseList li { /*3 columns*/
		width:33.333%;
	}
}

@media screen and (max-width:601px) {
	.wrapper {
		width:98%;
	}
	.profile-banner-full-width {
		padding-bottom:6%;
	}
	
	#NewProfile section{
		width:98%;
		margin-top: 16px;
	}
	
	#NewProfile .myProfileIntro {
		width:98%;
		margin-left:1.5em;
		position:relative;
		top:13px;
	}
	
	#NewProfile .top-section, #NewProfile .profileContainer {
		display:block;
		margin:0 auto;
	}
	
	#NewProfile .profileContainer {
		width:450px;
	}
	
	#NewProfile .top-section h1, #NewProfile h1.underlineHeader {
		text-align:center;
	}
	
	#NewProfile .myPoints {
		width:15%;
	}
	
	#NewProfile .top-section{
		width:20%;
	}
	
	#NewProfile .profileInfo {
		margin-bottom:1em
	}
	
	#NewProfile .awardBadges {
		margin:0 auto;
		width:263px;
		height:115px;
		padding: 10px 0 0 0;
	}
	
	#NewProfile .awardBadges  img{
		width:30%;
		margin-left:38px;
	}
}

@media screen and (max-width:576px) {
.wrapper {
	width:95%;
}

.profile-banner-full-width {
	background: none;
}

.betaMess {
	font-size:.55em;
	text-align:center;
	color:#CCC;
	margin-bottom:.50em;
	position:relative;
	top:18px;
}

/*#NewProfile .myProfileIntro {
	width:82%;
	position:relative;
	top:57px;
}

#NewProfile .myPoints {
	width:20%;
}

#NewProfile .passwordUpdate {
	display:block;
	width:98%;
	margin:0 auto;
	position:relative;
	top:34px;
}

#NewProfile .top-section, #NewProfile .profileContainer {
	display:block;
	width:98%;
	margin:0 auto;
	position:relative;
	top:0;
}

#NewProfile .top-section h1, #NewProfile h1.underlineHeader {
	text-align:center;
	font-size: 1.2em;
}

#NewProfile h1.underlineHeader {
	width:98%;
	margin:0 auto;
	position:relative;
	top:-13px;
}

#NewProfile h1.underlineHeader span {
	display:block;
	margin:0 auto;
}

#NewProfile .awardBadges {
		width:252px;
		height:100px;
		padding: 10px 0 0 0;
	}
	
#NewProfile .awardBadges  img{
		margin-left:17px;
	}

#NewProfile	.profileInfo {
		display: block;
		margin:0 auto;
		width:98%;
		min-height:100px;
		padding:1em;
		border-top:0;
		border-left:0;
		border-right:0;
		border-bottom:1px solid #CCC;
		border-radius:0;
		box-shadow: none;
		}
		
#NewProfile	.profileInfo h3{
		margin-left:0;
	}
	
#NewProfile .profileInfo .myInfo{
	margin: 0;
}

#NewProfile	.infoUpdate label {
		display:block;
		float:none;
		width:51%;
		padding-top:7px;
		text-align:left;
	}
	
#NewProfile	.infoUpdate input {
		display:block;
		float:none;
		width:100%;
		margin: 5px 1px 3px -0.25em;
	}
	
#NewProfile	.infoUpdate input[type=password],
#NewProfile	.infoUpdate input[type=text]{
		margin: 5px 1px 3px -0.25em;
	}


#NewProfile	.infoUpdate input[type=password]:focus,
#NewProfile	.infoUpdate input[type=text]:focus {
		margin: 5px 1px 3px -0.25em;
	}

#NewProfile	.profileInfo .profileCTA button {
		margin-left: -4px;
	}*/
	
}

@media screen and (max-width:480px) {
/*#NewProfile .myProfileIntro { 
	width:96%;
	margin-left:1em;
	}*/
	
/*#NewProfile .defaultAvatar {
	width:80px;
	height:80px;
	}
	
#NewProfile .myPoints {
	width:33%;
	margin:0;
	text-align: left;
	}

#NewProfile .awardBadges {
		display:inline-block;
		width:164px;
		height:75px;
		padding: 0;
	}*/
	
.geoClaimContent {
		position:relative;
		top:-24px;
	}

.currentLocation {
	float:none;
	width:90%;
	margin: 0 auto;
	}

.geoAddLocation {
	float:none;
	width:90%;
	margin-left: 0;	
	}

#device-login .inputSection {
    padding: 0 0 0 1em;
	}
	
.franchiseList li { /*2 columns*/
		width:50%;
	}

}

@media screen and (max-width:320px) {

#NewProfile .awardBadges {
		margin-left:49px;
	}
	
 .deleteProfile {
		top:14px;
	}
}