/* CSS Document */
body{
	font-family:'Khmer UI', Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0px;
	padding:0px;
	background-color:#FCFBED;
}

.clearer{
	clear:both;
	line-height:0px;	
}
p{
	line-height:140%;	
}
a img{
	border:none;
    outline:none	
}
a{
	color:#1489b7;	
}
h1,h2,h3,h4{
	font-family:'Khmer UI', Arial, Helvetica, sans-serif;
	color: #036;
}
h1{
	font-size:180%;
	font-weight:normal;
	margin:15px 0 10px 0;
}
h2{
	margin:15px 0px 8px 0px;
	font-size:140%;
	font-weight:normal;
}
h2.h2-centered{
	text-align:center;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;	
}
h2.page-subtitle{
	margin:-5px 0px 20px 0px;
}	
h3{
	margin:15px 0px 8px 0px;
	font-size:120%;
	font-weight:normal;
}
h3 a:link, h3 a:visited{
	text-decoration:none;
}
h3 a:hover{
	text-decoration:underline;
}
h4{
	font-size:110%;
	font-weight:normal;
}
h4.h4-subtitle{
	margin:-7px 0px 10px 5px;
	font-weight:normal;
	font-size:1.2em;
}
#wrapper{
	position:relative;
	width:100%;
	margin:auto;
}
#centerer{
	margin:0px auto;
	border:none;
}


/* MASTHEAD */
#masthead #pdi-logo{
	display:block;
	float:left;
	padding:10px 10px 0px 10px;
}
#masthead #CUNY-logo{
	display:block;
	float:right;
	margin:18px 10px 8px 0px;
}
#masthead #pdi-logo img{
	width:650px;
	height:auto;
}
#masthead #CUNY-logo img{
	width:auto;
	height:75px;
}
#masthead .masthead-brand{
	padding:0px 10px;
}
#masthead-contact a:link, #masthead-contact a:visited{
	color:#1378F4;
}

/* INITIATIVE MASTHEADS */
#masthead-icon{
	height:auto;
	width:500px;
	padding:0px 3px;
}
#masthead-contact {
	float: right;
	text-align: right;
}
#masthead-icon-partner{
	height:65px;
	width:auto;	
}

/* INSTITUTE TILE (Superheader For Initiative Subsites) */
#masthead-institute_tile{
	border-bottom:1px solid #CCC;	
	z-index:10000;
	position:relative;
	width:98%;
	padding:0px 1%;
	margin:0px auto 16px auto;
}
#masthead-institute_tile #pdi-logo{
	display:block;
	float:left;
	padding:10px 0px 0px 0px;	
}
#masthead-institute_tile #pdi-logo img{
	height:36px;	
	width:auto;
}
#masthead-institute_tile #CUNY-logo{
	display:block;
	float:right;
	margin-top:10px;	
}
#masthead-institute_tile #CUNY-logo img{
	height:34px;
	width:auto;
}

/* MOBILE: INSTITUTE TILE */
@media only screen and (max-width: 1023px){
	#masthead-institute_tile #CUNY-logo img{	
		height: 34px;
		width: auto;
		position: absolute;
		right: 6px;
		top: 8px;
	}
	#masthead-icon{
		width:100%;	
	}
	#masthead-contact{
		margin: -20px 0px 8px 0px;	
	}
	#masthead #pdi-logo{
		width:69%;
		display:block;
		float:left;
		padding:12px 2% 0px 1%;
	}
	#masthead #CUNY-logo{
		width:23%;
		display:block;
		float:right;
		margin:0px;
		padding:8px 1% 0px 2%;
	}
	#masthead #pdi-logo img{
		width:100%;
		height:auto;
	}
	#masthead #CUNY-logo img{
		width:100%;
		height:auto;
	}
	
	#panel-slides{
	    float:right;
	}
	#blog-columns{
	    display:flex;
	    flex-direction:column;
	}
	.blogpost.blogentry-normal{
	    width:auto;
	}

	p {
      font-size:large;  
    }
}


/* TEXT */
.text-notice{
	border:1px solid #006F9E;
	background-color:b8d4e0;
	padding:10px;
}
.text-notice h4{
	font-size:1.1em;
	font-weight:bold;
}

.photocredit{
	position:absolute;
	color:#FFF;
	bottom:10px;
	right:18px;
	font-size:90%;	
	font-style:italic;
}

/* FOOTER */ 
#footer{
	clear:both;
	font-size:0.9em;
	padding:20px 10px;
	border-top:1px solid #CCCCCC;
}
#footer-content{
	width: 100%;
	max-width: 1000px;
	margin: 0px auto;
}
.footer-column{
	float:left;
	margin-left:3%;
}
#footer-branding{
	margin-bottom:20px;	
}
#footer-branding img{
	height:45px;
	width:auto;
}
#footer-contact{
	border-left:1px solid #CCCCCC;
	padding-left:6px;
}
#footer-contact img{
	vertical-align:text-bottom;
}
#footer-contact a:link, #footer-contact a:visited{
	display:block;
	padding:4px;
	text-decoration:none;
}

/* EXTRAS */
.de-emphasize{
	color:#AAAAAA;
	font-size:0.9em;
	font-style:italic;	
}

/* LANDING PAGE PROMOS */
.promo-box{
	clear:both;
	position: relative;
	width: 100%;
	margin-bottom:16px;
	border-bottom: 6px solid #84A73F;
	background-color: #ebf2de;
}
#promo-employment_network{
	background-color:#dcf4e7;
	border-color:#a3e0bf;
}
#promo-workforcescholarship{
	background-color:#e0f6ff;
	border-color:#48a7c9;
}
#promo-cda_completion{
	background-color:#e0f6ff;
	border-color:#48a7c9;
}
.promo-segment{
	float:left;	
}
.promo-body h3{
	margin-top:0px;
}
.promo-image{
	background-color: #84A73F;
	background-repeat: no-repeat;
	background-position:0px top;
	background-size: cover;
	height:180px;
	width:20%;
}
#promo-employment_network .promo-image{
	background-image: url('https://earlychildhoodny.org/cdsc/images/employment_network-topbar.fw.png');
}
#promo-workforcescholarship .promo-image{
	background-image: url('https://earlychildhoodny.org/cdsc/images/CUNY_PDI_2_17_2018_WEB_043.jpg');
}
#promo-testprep .promo-image{
	background-image: url('https://earlychildhoodny.org/cdsc/images/CUNY_PDI_2_17_2018_HI_RES_180.jpg');
}
#promo-cda_completion .promo-image{
	background-image: url('https://earlychildhoodny.org/cdsc/images/CDA_completion-inset.jpg');
}
.promo-body{
	width:50%;
	padding: 20px 20px 20px 30px;
}
.promo-box.no-promo-image .promo-body{
	width:70%;	
}
.promo-cta{
	width:20%;
	padding-top:16px;
	text-align:center;
}
.promo-cta a{
	font-size:120%;
}	
.promo-cta-title{
	font-style:italic;
	margin: 0px 60px;
	border-bottom: 1px solid #888;
	padding-bottom: 4px;
}
/* EVENT CTA */
.announcement-cta,
.announcement-cta:link, 
.announcement-cta:visited{
	display:block;
	float:right;
	font-size:130%;
	margin-top:3%;
	margin-right:1%;
	padding:16px 16px 22px 16px;
	text-align:center;
	border-radius:8px;
	background-color:#84A73F;
	color:#FFF;
}
@media only screen and (max-width: 1023px){
	.promo-box{
		min-height:none;
	}
	.promo-segment{
		float:none;	
	}
	.promo-image{
		background-size: cover;
		width:100%;
		background-position: 0px top;
		border-bottom-width:10px;
	}
	.promo-body{
		width:94%;
		padding: 3%;
	}
	.promo-cta{
		width:100%;
		padding-top:16px;
		text-align:center;
	}
}