@charset "UTF-8";
/* CSS Document */



/*background-color: #db3c1e;
    color: #e0e2d6*/


a {outline: none;}
a img { border:none;}

a:link {color: #000000;text-decoration: none;}
a:visited {text-decoration: none; color: #000000;}
a:hover {text-decoration: none;color: #DB3C1D;}
a:active {text-decoration: none;color: #000000;}

a.but:link {color: #000000;text-decoration: none;}
a.but:visited {text-decoration: none; color: #000000;}
a.but:hover {text-decoration: none;color: #DB3C1D;}
a.but:active {text-decoration: none;color: #000000;}

a.but1:link {color: #7d7d7d;text-decoration: none;}
a.but1:visited {text-decoration: none; color: #7d7d7d;}
a.but1:hover {text-decoration: none;color: #DB3C1D;}
a.but1:active {text-decoration: none;color: #7d7d7d;}

#clear{clear:both;}

/*--------------40 years page--------------*/

#fortyall {
	float:left;
	width:100%;
	height:100%;
	background-color:#000000;
	}

#pagecontainer img{
	width:100%;
	}

#redcontainer{
	width:100%;
	padding-left:10%;
	padding-right:10%;
	padding-top:10%;
	padding-bottom:10%;
	color:#E1E3D9;
	background-color:#DB3C1D;
	text-align:center;
	}

.tmsubhead{
	 font-size: 200%;
	 line-height:120%;
	 }	
	 
.tmsubhead1{
	 font-size: 200%;
	 line-height:120%;
	 color:#E1E3D9;
	 margin-bottom:3%;
	 }	

#fortycolumn11{
	float:left;
	width:50%;
	background-image:url("http://www.njp.com/wp-content/uploads/g-fortyback1.png");
	}	
		
#fortycolumn2{	
	float:left;
	width:50%;
	background-image:url("http://www.njp.com/wp-content/uploads/g-fortyback3.png");
	}
		
#fortyicon img{
	float:left;
	width:100%;
	padding-left:30%;
	padding-right:30%;
	padding-top:10%;
	cursor:pointer;
	}
	
#fortyhead{
	float:left;
	width:100%;
	padding-left:15%;
	padding-right:15%;
	text-align:center;
	padding-top:5%;
	cursor:pointer;
	padding-bottom:10%;
	}


/*------------------------contact page----------------*/	

#contactall{
	width:100%;
	height:100%;
	}
	
#contact1{
	float:left;
	width:25%;
	height:100%;
	}
	
#contact2{
	float:left;
	width:25%;
	margin-left:5%;
	height:100%;
	}
	
#contact2a img{
	float:left;
	width:15%;
	height:100%;
	margin-top:3%;
	margin-left:5%;
	}
	
#contact3{
	float:left;
	width:40%;
	margin-top:0px;
	height:100%;
	margin-left:5%;
	}
		
.cnt{
	width:100%;
	padding:5%;
	float:left;
	margin: 0px 0;
	background:#d5d6cc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;;
	-o-border-radius:10px;;
	-moz-border-radius:10px;
	}

.input{
	width:100%;
	display:block;
	margin: 5px 0 15px 0; 
	}
	
#orderall{
	width:100%;
	height:100%;
	border-top:solid 1px #999999;
	margin-top:3%;
	padding-top:5%;
	}
	
	
.tmred{color:#DB3C1D;}	
	
	
/* text-based popup styling */
.white-popup {
  position: relative;
  background: #ffffff;
  padding-left:5%;
  padding-right:5%;
  padding-top:5%;
  padding-bottom:4%;
  width: 60%;
  margin-left:20%;
  marign-right:20%;
  color:#222222;

}

.white-popup p {
	font-size:120%;
	}


/* 

====== Zoom effect ======

*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
	
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #ffffff;
  opacity: 0.5!important;
  filter: alpha(opacity=50); 
  }	
	
	
.links {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}	
	

.links ul li a {
    font-size: 1.125rem;
    text-decoration: none;
    color: #000000;
}
.links ul li a:hover {
    color: #db3c1e;
    background-color: #f2f4ec;
    text-decoration: none;
}	
	
	
	.breadcrumbs>* {
    color: #000000;
    float: left;
    font-size: 1.125rem;
    line-height: 2rem;
    margin: 0;
    text-transform: none;
}

.breadcrumbs>*:hover a, .breadcrumbs>*:focus a {
    text-decoration: none;
}

#headerall {
	float:left;
	width:100%;
	display:none;

	}
	
	
#click {
	float:left;
	width:100%;
	height:100%;
	line-height:300%;
	background-color:#999999;
	text-align:center;
	}
	
.bigtype{
	float:left;
	width:100%;
	Height:100%;
	background-color:#ffffff;
	display:none;
	padding-top:5%;
	padding-bottom:3%;
	padding-left:3%;
	}
	
	
.click1 {
	line-height:300%;
	background-color:#999999;
	text-align:center;
	}
	
.bigtype1{
	float:left;
	width:100%;
	Height:100%;
	background-color:#ffffff;
	display:none;
	padding-top:5%;
	padding-bottom:3%;
	padding-left:3%;
	}
	
	
.links ul li {
    text-align: left;
}

.links ul li a:hover {
 
    background-color: #e9ebe1;

}



#tmbox{
	float:left:
	width:94%;
	background-color: #e9ebe1;
	padding-left:3%;
	padding-right:3%;
	padding-top:4%;
	padding-bottom:4%;
	margin-bottom:0px;
	cursor:pointer;
	display:block;
	 font-size: 1.125rem;
    line-height: 120%;

	}
	
#tmbox:hover{
	background-color: #f2f4ec;
	}
	
#tmboxcolumn1 {
	float:left;
	width:49%;
	}
	
#tmboxcolumn2 {
	float:left;
	width:49%;
	margin-left:2%;
	}
	

h3 {
    font-size: 2.125rem;
}

.eve .post-con p{
font-size:1.125rem !important;
   line-height: 1.5em;
}
		
.newsheader { font-size: 2.125rem;
    line-height: 120%;}
    

#insightall{
	display:none;
	
	}
	
#tmscript img{
	width:60%;
	margin-bottom:2%;
	}
	
#tmscript1 img{
	width:70%;
	margin-bottom:3%;
	}	
	
#tmscriptcolumn{
	float:left;
	width:100%;
	padding-left:10%;
	padding-right:10%;
	padding-top:5%;
	padding-bottom:5%;
	text-align:center;
	}
#tmspace{
	float:left;
	widht:100%;
	height:5%;
	display:block;
	}	

#tmpeopleall{
	display:none;
	}
		
#tmpeople img{
	float:left;
	width:50%;
	}
	
#tmbioall{
	display:none;
	}
		
#tmbio img{
	float:left;
	width:100%;
	display:block;

	}
	
#tmspacepeople{
	float:left;
	width:100%;
	height:5%;
	display:block;
	}
	

	
/*-------------Footer---------------*/

#tmaddressback{
	float:left;
	width:100%;
	background-color:#f2f4ec;
	}
	
#tmaddressall{
	width:93%;
	max-width:1300px;
	color:#db3c1e;
	margin: 0 auto;
	font-size: 1.125rem;
    line-height: 2rem;}
	
#tmaddressleft{
	float:left;
	width:33%;
	padding-top:3%;
	padding-bottom:3%;
	
	}
	
#tmaddresscenter{
	float:left;
	width:34%;
	padding-top:3%;
	padding-bottom:3%;
	text-align:center;
	
	}
	
#tmaddressright{
	float:left;
	width:33%;
	padding-top:3%;
	padding-bottom:3%;
	text-align:right;
	}

#tmblackback{
	float:left;
	width:100%;
	background-color:#000000;
	font-size:110%;
	color:#7d7d7d;
	font-size:80%;
	line-height:110%;
	}
		
#tmblack{
	width:94%;
	margin: 0 auto;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	}
	
/*----------------------header-----------------*/


#tmheaderback{
	float:left;
	width:100%;
	}
	
#tmheaderall{
	width:93%;
	max-width:1300px;
	margin: 0 auto;
	}
	
#tmheader1{
	float:left;
	width:50%;
	margin-top:50px;
	margin-bottom:50px;

	
	}

#tmheader2{
	float:left;
	width:50%;
	padding-top:25px;
	margin-top:50px;
	margin-bottom:50px;
	}	


header nav {
    height: 0px; 
}

/*----------------------articles--------------------*/

#tmarticleall{
	float:left;
	width:100%;
	background-color:#db3c1e;
	}

#tmarticlespace{
	width:74%;
	max-width:1300px;
	margin: 0 auto;
	color:#e0e2d6;
	}
	
#tmarticlespace1{
	width:96%;
	max-width:1300px;
	margin: 0 auto;
	padding-top:3%;

	}
	
#tmarticledate{
	float:left;
	width:100%;
	font-size:90%;
	margin-bottom:1%;
    margin-top:5%;
	}
		
#tmarticletitle{
	float:left;
	width:100%;
	font-size:300%;
	line-height:100%;
	text-transform:uppercase;
	margin-bottom:2%;
	}
	
	
#tmarticleauthor{
	float:left;
	width:100%;
	font-size:100%;
	font-size: 1.125rem;
    line-height: 130%;
    margin-bottom:15%;
	}
	


#backbut1{
	float:left;
	width:18%;
	margin-left:62%;
	}
	
#backbut2{
	float:left;
	width:18%;
	margin-left:2%;
	}
		
.backbut {
	float:left;
	width:100%;
	display:block;
	color:#ffffff;
	padding-top:4%;
	padding-bottom:4%;
	background-color:#c3c6b8;
	text-align:center;
	border-radius:10px;
	}
	
.backbut:hover {
	background-color:#db3c1e;
	color:#e0e2d6;
}

	
.main-content {
    padding-top: 0px;
    padding-bottom: 5%;
}	

.rowhome {
    margin: 0 auto;
    max-width: 81.25rem;
    width: 100%;
    }
    
.row {
    margin: 0 auto;
    max-width: 1300px;
    width: 80%;
    }

.homehead{
	padding-top:3%;
	padding-bottom:4%;
	font-size: 1.125rem;
    line-height: 130%;
	}
	
.homeheadspace{
	margin-bottom:0px;
	font-size:400%;
	}
	
.sliderpad{
	padding-top:20px;
	padding-bottom:20px;
	}

.sliderpad{
	border-top:solid 1px #cccccc;
	padding-top:70px;
	padding-bottom:50px;
	}
	
.text-white {
    color: #e0e2d6 !important;
    font-size:180% !important;
}


.links-art ul a li {
    font-size: 1.125rem;
    text-decoration: none;
    margin-left: 0 !important;
    background-color: #e9ebe1;
    padding:0px;
    padding-left:3%;
	padding-right:3%;
	padding-top:3%;
	padding-bottom:3%;
    margin-bottom:20px;
    color: #000000;
}

.orbit-container .orbit-prev>span {
    border-right-color: #999999;
}

.orbit-container .orbit-next>span {
    border-left-color: #999999;

}

  .content-slider {
    height: 250px !important;
}

.tmheaderfont{
	font-size:300%;
	}
	
h4 {
    font-size: 24px !important;
}
	/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
/*this will control up to iphone 6+ in portrait*/
@media screen and (max-width: 736px){


.sliderpad{
	padding-top:30px;
	padding-bottom:10px;
	}
	
.text-white {
    font-size:110% !important;
}

.homehead{
	padding-top:15%;
	padding-bottom:15%;
	}
	
.homeheadspace{
	margin-bottom:3%;
	}

.row {
    width: 95%;
    }
    
    
#tmheader2{
	display:none;
	}

#tmheader1{
	float:left;
	width:50%;
	margin-top:8%;
	margin-bottom:8%;
	padding-left:5%;

	
	}

#tmaddressall{
	width:100%;

}	
	
#tmaddressleft{
	text-align:center;
	width:100%;
	padding-top:8%;
	}
	
#tmaddresscenter{
	width:100%;
	}
	
#tmaddressright{
	width:100%;
	text-align:center;
	padding-bottom:8%;
	}

	



.content-slider{

height:170px !important;
display:block;

	}
	
#tmbioall{
	float:left;
	width:60%;
	display:block;
	}
		
.padding-medium {
    padding: 0rem;
    padding-top:10%;
    padding-bottom:10%;
    padding-left:3%;
 
    
}




	


#insightall{
	float:left;
	width:100%;
	display:block;
	background-color: #f2f4ec;
	}
	
#tmpeopleall{
	float:left;
	width:100%;
	display:block;
	}
	
#headerall {
	float:left;
	width:100%;
	background-color:#000000;
	display:block;
	display:inline;
	}
	
		
#contactall{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	height:100%;
	
	}	
	
#contact1{
	width:100%;

	
	}
	
#contact2{
	width:100%;
	margin-left:0%;
	margin-top:20%;

	}
	
#contact2a img{
	width:100%;
	margin-top:0%;
	margin-left:0%;

	}
	
#contact3{
	float:left;
	width:100%;
	margin-left:0%;
	margin-top:20%;
	margin-bottom:5%;
	
	


	}
	
#orderall{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	border-top:solid 1px #999999;
	margin-top:20%;
	padding-top:5%;

	}

.quote-header {
    height: 80%;
   
    background-image: url('http://www.njp.com/wp-content/themes/njp-theme/images/l_karenSB.png')!important;
padding-right:10%;
padding-left:10%;
    background-repeat: no-repeat;
    background-size: 0%;
}
	
h1 {font-size:200% !important;}


/* text-based popup styling */
.white-popup {

 width: 80%;
  margin-left:10%;
  marign-right:10%;

}	

#fortycolumn11{
	width:100%;
	margin-top:0px;
	}	
	
	
#fortycolumn2{	
		width:100%;
	margin-top:0px;
	}
	
.small-block-grid-2>li {
    list-style: none;
    width: 100%;}

.main-content .panel {
    height: 100%;
    margin-bottom: 20px;
}

.main-content {
    padding-top: 10%;
    padding-bottom: 15%;
}
	
.breadcrumbs>*:first-child:before {
    content: "/";
    margin: 0 0.75rem;
}

.breadcrumbs>* {
    color: #000000;
    float: left;
    font-size: 1.125rem;
    line-height: 2rem;
    margin: 0;
    text-transform: none;
}	
   
 
 #tmbox{
	width:100%;
	padding-left:10%;
	padding-right:10%;
	padding-top:8%;
	padding-bottom:8%;


	}
	
 #tmboxcolumn1 {
	float:left;
	width:100%;
	}
	
#tmboxcolumn2 {
	float:left;
	width:100%;
	margin-left:0%;
	margin-top:-8%;
	}
	}