.paceWeb{ display:inherit; }
.paceMobile{ display:none; }

.paceContainer{
	max-width: 1280px;
}

/* Pace Logo & Quick Facts */
.paceIntro{
	width: 68%;
    margin: 5% 16% !important;
}

	.paceIntroWrapperRight{
		float:right;
		/*width:25%;*/
		width:30%;
		overflow: none;
		text-align: center;
	}

	.paceIntroWrapperLeft{ width:65%; }
	.paceQuickFactsWrapper{ margin:0 2%; }
/* Pace Collapsed Quick Facts */

	.popUpWrapper{ font-size: 1.1em; }

		hr.pacePartnerLogoDivider{
			max-width:50%;
			margin: 0 auto;
			margin-bottom:20px;
		}

.paceFacts:not(:last-child){
	border-right: 1px solid #ccc;
    box-sizing: border-box;
}
.paceWeb.hashtags { display: inline-block; }
.gapForGoodWrapper img.gapForGood{ max-width: 400px; }

.gridItem-half, 
.gridItem-half2 { padding: 1.8%; width:96.4% !important;}
.gridItem-full { padding: .4% .6%; width:99.2%;}
.gridItem-fourth { padding-top: 2%; }

/*=================================
			GRID STYLES
===================================*/


.storyText{
	overflow-y:scroll;
	overflow-x:hidden !important;

  	scrollbar-base-color: #fff;
  	scrollbar-3dlight-color: #fff;
  	scrollbar-highlight-color: #fff;
  	scrollbar-track-color: #fff;
  	scrollbar-arrow-color: #fff;
  	scrollbar-shadow-color: #fff;
  	scrollbar-dark-shadow-color: #fff;
  	scrollbar-face-color: #95CF3E;
}

.storyText p{
	overflow-x:hidden;
	line-height: 1.2em;
    /*font-size: 1.3em;*/
    margin-right: 8px;
    margin-bottom:20px;
	}

.plusMain{ right:0; }


/*====================================
			POPUP STYLES
======================================*/

.backToStory{
		display:none;
		padding: .6% 1%;
    	text-align: right;
    	cursor: pointer;
    	font-weight: bold;
	}

.storyText {
    overflow: scroll;
    bottom: 6.5%;
    height: 47.5%;
    position: absolute;
    right: 3%;
    width: 38.5%;
}

									#psocialWrapper{
										right: 0;
									    position: absolute;
									    margin-top: 8%;
									}

.whiteOut{
	display: table;
	position: fixed;
	width:100%;
	height:105%;
	background-image: url(/Asset_Archive/GPWeb/content/0010/790/316/assets/white50.png);
	z-index: 0;
	top:0;
	bottom:0;
	display:hidden;
}

.popupAlignCenter {
    display: table-cell;
    vertical-align: middle;
    padding-bottom:5%;
}

.popUpWrapper {
    width: 90%;
	max-width: 1197px;
    max-height:780px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff; 
    display:inline;
    display: block;

    color: #999999;
	font-family: Helvetica, Arial, sans-serif !important;
	font-weight: 100;
	font-size: 1em;

	position:relative;
	z-index: 100;

}

.popupContentLeftWrapper{
	position: relative;
    float: left;
    width: 45%;
    height: 100%;
    margin: 4%;
}

.quote{
	margin: 3% 0;
	font-size: 1.6em;
}

.popupContentRight{ margin: 3% 0; }
.popupContentRight h1{ font-size: 1.7em; }

.popupContentRightWrapper{
	position:absolute;
	right:0;
	width: 38%;
    overflow: hidden;
    height: 38%;
    margin: 4% 4% 0% 0;
}

/*For the green scrollbar*/
div::-webkit-scrollbar {
    width: 6px;
    height:0;
}
div::-webkit-scrollbar-track {
    border-radius: 10px;
}
div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #95CF3E;
}

.popupClose{
	position:absolute;
	right:15px;
	top:15px;
}


/*====================================
			Slider
======================================*/

.navDots{
	position:absolute;
	bottom:-5%;
	margin:0 auto;
	width:100%;
	text-align: center;
}




/*Media Queries. Sorry about these, but the popup 
doesn't behave well responsively. Especially since 
height doesn't really work when set as a percentages*/

@media (max-width: 1200px) {
    .quote{
    	margin: 8% 0;
    }
    .popupContentRight h1{
    	margin-top:8%;
    }
}

@media (max-width: 1100px) {
	.storyText,.popupContentRightWrapper {
	    height: 43%;
	}
	.storyText p {
	    font-size: .9em;
	}
}

@media (max-width: 1024px) {
    .quote{
    	margin: 5% 0;
    }
    .popupContentRight h1 {
	    margin-top: 8%;
	    margin-bottom: 2px;
	    /*font-size: 1.5em;*/
	}
	.popupContentRight h4 {
	    /*font-size: 1.2em;*/
	}
}

@media (max-width: 900px) {
	.quote{
		/*font-size: 1.2em;*/
	}
	.popupContentRight h1 {
	    /*font-size: 1.4em;*/
	}
	.popupContentRight h4 {
	    /*font-size: 1.1em;*/
	}
}

@media (max-width: 800px) {
	.storyText p {
	    /*font-size: 1em;*/
	}
	.quote{
		margin:7% 0;
		/*font-size: 1.1em;*/
	}
	.popupContentRight h1 {
	    margin-top: 8%;
	    /*font-size: 1.3em;*/
	}
	.paceGridCopy{
		font-size: 1.1em;
	}
}