@charset "utf-8";
/* CSS Document */
#masthead {
	padding: 0px;
}
#cdsc-brand {
	position: relative;
	margin-bottom: 2px;
	padding: 10px 10px 5px 10px;
}
#masthead-contact {
	text-align: left;
	float: none;
	padding: 4px 16px;
	border-top: 2px solid #84a73f;
}
#masthead-icon-partner {
	height: 65px;
	width: auto;
}
#show-contact-info {
	padding-top: 1%;
	color: #3572ff;
	text-decoration: underline;
}

#masthead-icon-partner {
	height: 65px;
	width: auto;
}

/* HOME PAGE*/
#home-top_panel {
	background: url(../Images/cdsc-home-v1.jpg) no-repeat left top;
	background-size: cover;
	height: 600px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.home-top_panel {
	border-bottom: 4px solid #84a73f;
}

.home-top_panel-text-wrapper {
	display: flex;
	justify-content: flex-end;
}

.home-top_panel-text {
	font-size: 120%;
	text-align: center;
	width: 260px;
	height: 200px;
	padding: 25px;
	margin: 10px 30px 10px 15px;
	background-color: rgba(252, 251, 237, 0.9);
	overflow: hidden;
}

/* NAV BAR */
#nav-cdsc,
#nav-cdsc-mobile,
#nav-cdsc-mobile-switch {
	background-color: #84a73f;
	border-bottom: 1px solid #3c7aad;
}
#nav-cdsc #nav-list li a:hover {
	background-color: #03508d;
}
#nav-cdsc #nav-list li ul,
#nav-cdsc-mobile #nav-list li ul {
	background-color: #84a73f;
}
/*END nav bar*/

/* REGION SELECTION */
#cdsc_website_region-controls {
	border-left: 16px solid #84a73f;
	background-color: #ebf2de;
	padding: 1%;
}
.region-controls-region_name {
	font-size: 110%;
	color: #3b510d;
}
#popup-content-box #cdsc_visitor_region-selection {
	padding: 2%;
}
#cdsc_visitor_county-form {
	padding: 3%;
}
#cdsc_visitor_region-selection select,
#cdsc_visitor_region-selection input[type='submit'] {
	font-size: 120%;
	padding: 2%;
	border: 3px solid #84a732;
	color: #000;
	background-color: #fff;
	border-radius: 12px;
}
#cdsc_visitor_region-selection input[type='submit'] {
	border: 3px solid #84a732;
	color: #fff;
	background-color: #84a732;
}
#region_select-info {
	float: left;
	width: 60%;
}
#regionalmap-box {
	float: left;
	width: 40%;
}
#regionalmap {
	width: 100%;
	height: auto;
}
/* END: region selection */

#page-intro {
	padding: 20px 20px 0px 20px;
}
#home-page-info {
	display: flex;
	flex-direction: row;
}

#col1 {
	display: flex;

	flex-direction: column;

	margin-right: 10%;
}

#map {
	display: flex;
}
#event-preview {
	background-color: #d7fbd3;
	margin-bottom: 16px;
	border-bottom: 6px solid #84a73f;
}
div.landing-announcement.group {
	background-color: #e0f6ff;
	margin-bottom: 16px;
	padding: 16px 8px;
}
.announcement-title {
	color: #041;
}

/* HOME  */
#cdsc-home #welcomebox {
	height: 260px;
	color: #014075;
	background: url(../Images/2013/boy_in_class.jpg) no-repeat left top;
}
#cdsc-home #welcomebox p {
	width: 200px;
	float: right;
	text-align: right;
	font-size: 1.5em;
	padding: 40px 60px;
}
#cdsc-updatesbox {
	margin: 5px;
	padding: 5px;
}
#cdsc-homefaqbox {
	padding: 0px 10px;
}
#cdsc-homefaqbox .bullet a {
	font-size: 1.1em;
	text-decoration: none;
}
#cdsc-homefaqbox h4 {
	margin: 10px 0 0 10px;
}
#cdsc-homefaqbox .line2 {
	margin: 0 0 0 20px;
}
#cdsc-home #servicebox {
	padding-top: 10px;
	padding-left: 10px;
	color: #014075;
}
#cdsc-home #servicebox ul {
	padding-left: 0px;
	margin: 10px 0 20px 40px;
}
#cdsc-home #servicebox li {
	padding: 2px 0px;
}
#cdsc-home .toolbox {
	display: block;
	font-size: 1.2em;
	padding: 10px 0px 10px 20px;
	margin: 4px 0px;
	color: #ffffff;
	text-decoration: none;
	background: url(../Images/2013/toolbox_bg.jpg) no-repeat left bottom;
	border-bottom: 3px solid #84a73f;
}
#cdsc-home #toolbox-advisor {
	background: url(../Images/2013/advisorlink_bg.jpg) no-repeat left bottom;
}
#cdsc-home .toolbox:hover,
#cdsc-home #toolbox-advisor:hover {
	background-position: -350px bottom;
}
#cdsc-home .toolbox-line2 {
	font-size: 0.8em;
	display: block;
	margin-top: -2px;
}
#cdsc-home-othertools a {
	font-size: 1.1em;
	text-decoration: none;
}

/* topic panels*/
.topic-panel {
	float: left;
	width: 33%;
	text-align: center;
	position: relative;
}
#topic-panel-right {
	float: right;
}
.topic-panel .topic-description {
	margin: 20px 0px 10px;
	padding: 0px 30px;
	min-height: 130px;
}
.topic-links {
	text-align: center;
}
.topic-links a {
	display: block;
	padding: 4px;
}
.topic-divider {
	position: absolute;
	top: 35px;
	right: 0px;
	height: 230px;
	border-right: 1px solid #ccc;
}
@media only screen and (max-width: 1023px) {
	.topic-panel {
		float: none;
		width: 100%;
		border: 1px solid #d3d3d3;
		border-radius: 10px;
		margin-block: 16px;
		padding-block: 20px;
	}
	#topic-panel-right {
		float: none;
	}
	.topic-panel .topic-description {
		margin: 20px 0px 10px;
		padding: 0px 30px;
		min-height: 130px;
	}
	.topic-links {
		text-align: center;
	}
	.topic-links a {
		display: block;
		padding: 4px;
	}
	.topic-divider {
		display: none;
	}
}

.announcement-cta:hover {
}
#cdsc-description {
}
#cdsc-credits {
	font-style: italic;
}
#special-feature {
	font-size: 110%;
}
#special-feature li {
	padding: 6px;
}

/* --- REUSABLE ELEMENTS -- */
.cdsc #pagecontent .contactbox {
	float: right;
	margin: 0px 0px 30px 20px;
	padding: 0px 10px 10px 10px;
	border-left: 1px solid #ccc;
	background-color: rgba(237, 247, 255, 0.7);
	width: 33%;
}
.cdsc #pagecontent .contactbox .contact-icon img {
	vertical-align: -7px;
	width: 25px;
	height: 25px;
	padding: 0px 3px;
}

.cta_button-cdsc {
	display: inline-block;
	padding: 10px 10px 7px 10px;
	background-color: #a1c25e;
	border-radius: 6px;
	align-self: center;
	border-bottom: 3px solid #84a73f;
}
a.cta_button-cdsc {
	color: #fcfbed;
	font-size: 100%;
	text-decoration: none;
}

/* EVENT CTA */
.announcement-cta,
.announcement-cta:link,
.announcement-cta:visited {
	display: block;
	float: right;
	font-size: 130%;
	margin-top: 3%;
	margin-right: 1%;
	padding: 20px 20px 30px 20px;
	text-align: center;
	border-radius: 8px;
	background-color: #84a73f;
	color: #fff;
}

/* --- PAGES ---*/

/* ADVISOR*/
#cdsc-advisor #advisor-introduction-section {
	background: url(../Images/cdsc_advisor-bg.jpg) no-repeat top right;
	background-size: contain;
	padding-bottom: 12px;
}
.advisor-introduction {
	background-color: #ebf2de;
	border-radius: 8px;
	width: 75%;
	font-size: 110%;
	padding: 24px;
}
.contactus-box {
	padding: 12px;
	border-left: 3px solid #84a73f;
}
.contactus-row {
	padding: 2px 0px;
}
.contactus-label {
	float: left;
	font-weight: bold;
	min-width: 75px;
}
.contactus-contactName {
	padding: 4px 0px;
	font-size: 120%;
}
@media only screen and (max-width: 1023px) {
	.contactus-row {
		padding: 8px 0px;
	}
	.advisor-instruction {
		width: 90%;
	}
}

/* JOB SEARCH */
#cdsc-jobsearch #pagecontent {
	background: url(../Images/cdsc_jobsearch-bg.jpg) no-repeat top right;
}
#cdsc-jobsearch #pagecontent ul li {
	padding: 4px 0px;
}

/* JOBOPPORTUNITIES */
#jobopportunities-cta-box {
	float: right;
	width: 250px;
	padding: 10px 10px 20px 10px;
	margin: 0 0 10px 30px;
	clear: both;
}
.jobopportunities-cta-button:link,
.jobopportunities-cta-button:visited {
	display: block;
	float: right;
	text-align: center;
	font-size: 130%;
	padding: 12px;
	border-radius: 6px;
	background-color: #006f99;
	color: #fff;
}
#cdsc-jobopportunities .view_removed {
	clear: both;
	padding: 10px;
	margin: 10px 0px;
}
#jobList-controls {
	padding: 16px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 16px;
	border-bottom: 4px solid #84a73f;
}
/*job entry*/
#jobList .jobEntry {
	position: relative;
	padding: 20px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	margin-bottom: 12px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
#jobList .jobEntry .job-title {
	font-size: 130%;
	margin-bottom: 8px;
	display: block;
}
#jobList .jobEntry a.joblink:link,
#jobList .jobEntry a.joblink:visited {
	text-decoration: none;
}
#jobList .jobEntry .list_name_org {
	float: left;
}
#jobList .jobEntry .list_date_type {
	float: right;
	text-align: left;
	width: 220px;
}
#jobList .jobEntry .list_date {
	margin-bottom: 4px;
}
#jobList .jobEntry a.typelink {
	text-decoration: none;
}
#jobList .jobEntry .adminControls {
	position: relative;
	right: 0px;
	top: 20px;
	padding: 8px;
}
#lim-settings .dynamicText {
	color: #84a740;
}
#jobfeature {
	background: url('../Images/slides/coaching_jobspage-20150120.jpg') no-repeat;
	margin-bottom: 10px;
}
#jobfeature p {
	margin: 0px;
}

.promo-box {
	clear: both;
	position: relative;
	width: 100%;
	min-height: 180px;
	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-segment h2 {
	margin-top: 10px;
	font-size: 160%;
}
.promo-image {
	background-color: #84a73f;
	background-repeat: no-repeat;
	background-position: 0px top;
	background-size: cover;
	height: 200px;
	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-nyc_apprenticeship .promo-image {
	background-image: url('https://earlychildhoodny.org/cdsc/images/program/hero_apprenticeship_home.png');
}
#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-DOE_fccn .promo-image {
	background-image: url('https://earlychildhoodny.org/cdsc/images/DOE_fccn_promo-inset.png');
}
#promo-HECKSCHER .promo-image {
	background-image: url('https://earlychildhoodny.org/cdsc/images/HECKSCHER_promo-inset.jpg');
}
#promo-ECI .promo-image {
	background-image: url('https://earlychildhoodny.org/cdsc/images/ECI_promo-inset.png');
	background-position-y: 80%; /* Center the image */
}
.promo-body {
	width: 50%;
	padding: 20px 20px 20px 30px;
}
.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;
}
@media only screen and (max-width: 1500px) {
	#promo-DOE_fccn .promo-image,
	#promo-HECKSCHER .promo-image,
	#promo-ECI .promo-image {
		background-position-x: 50%; /* Center the image */
		background-position-y: 80%; /* Center the image */
	}
}
@media only screen and (max-width: 1023px) {
	.promo-box {
		min-height: none;
	}
	.promo-segment {
		float: none;
	}
	.promo-image {
		background-size: cover;
		width: 100%;
		height: 400px;
		background-position: 0px top;
		border-bottom-width: 10px;
	}
	.promo-body {
		width: 94%;
		padding: 3%;
	}
	.promo-cta {
		width: 100%;
		padding-top: 16px;
		text-align: center;
	}
}

/* CPAC / CDA */
.video-box {
	float: right;
	width: 450px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.video-box .info-box {
	display: block;
	border-left: 3px solid #84a73f;
	background-color: #f4fce3;
	padding: 16px 16px;
	margin-top: 4px;
	line-height: 140%;
}
.video-box .info-box p {
	padding-top: 0px;
}
.contact-box {
	border-left: 3px solid #84a73f;
	background-color: #eef7e6;
	padding: 0px 10px;
	margin-top: 4px;
}

/* CPAC */
#topics {
	list-style: none;
	margin-left: 0px;
}
.level-topic h3 {
	cursor: pointer;
}
#topics h3 {
	margin-top: 0px;
}
.level-topic {
	background-color: #efefef;
	margin-bottom: 10px;
	padding: 8px;
	border: 1px solid #ccc;
}
.courses {
	display: none;
}
.courselist {
	list-style: none;
	margin-left: 0px;
}
.courselist li {
	background-color: #fcfcfc;
	padding: 10px;
	margin-bottom: 2px;
}
.courselist li p {
	margin: 0px;
	padding: 3px 0px;
}
.course-name {
	font-weight: bold;
}
.course-prereq {
	font-style: italic;
}
.courselist li p.course-description {
	font-size: 100%;
	padding: 8px 16px 16px 16px;
}
.faq-question {
	cursor: pointer;
	font-weight: bold;
	color: #003366;
}
.faq-answer {
	display: none;
	margin-left: 10px;
	background-color: #fffff5;
	padding: 5px 10px;
}
.faq-answer ul {
	margin-bottom: 10px;
}
/* CDA */
#cdsc-cda .courselist li {
	background-color: #fffff5;
	margin-bottom: 4px;
}
#cdsc-cda .course-description {
	display: none;
}

/* ECE Employment Network */
#cdsc-employment_network #pagecontent,
#cdsc-employment_network-orgs #pagecontent {
	padding-top: 0px;
}
#cdsc-employment_network h3,
#cdsc-employment_network-orgs h3 {
	padding: 0px 20px;
}
#top-bar {
	position: relative;
	width: 100%;
	max-width: 1000px;
	background-image: url('https://earlychildhoodny.org/cdsc/images/employment_network-topbar.fw.png');
	background-color: #003366;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	border-bottom: 4px solid #003366;
}
#top-bar h1 {
	position: absolute;
	bottom: 0px;
	right: 40px;
	text-shadow: 0px 0px 12px #000;
	color: #fff;
	font-weight: bold;
	font-size: 320%;
	text-align: right;
}
.top-bar-box {
	font-size: 140%;
	height: 80px;
	width: 320px;
	padding: 24px 40px;
}
@media only screen and (max-width: 1023px) {
	#page-intro {
		padding: 16px 8px;
	}
	#top-bar h1 {
		position: relative;
		left: 0px;
		text-align: left;
		padding: 20px;
		text-shadow: 0px 0px 12px #000;
		color: #fff;
		font-weight: bold;
		font-size: 220%;
	}
	.top-bar-box {
		width: 90%;
		padding: 3% 5%;
		font-size: 130%;
	}
}
#cdsc-employment_network-orgs .top-bar-box {
	width: 350px;
	padding: 24px 20px;
}
.top-bar-top {
	background-color: #003366;
	color: #fff;
}
.top-bar-bottom {
	background-color: #fff;
	color: #003366;
}

@media only screen and (max-width: 768px) {
	.home-top_panel-text-wrapper {
		flex-direction: column;
	}
	#home-top_panel {
		justify-content: center;
	}
	.home-top_panel-text {
		margin: 10px 15px 10px 15px;
	}
	.promo-image {
		height: 250px;
	}
}