/* @override 
	https://earlystartneighborhood.org/wp-content/themes/generatepress_child/style.css?*
	https://earlystartneighborhood-test.wested.org/wp-content/themes/generatepress_child/style.css?* */

/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1.1
*/

/*body {
	font-size: 17px;
}*/


/*
turn off word break probably
value is set in main.min.css
*/
.entry-header, .site-content {  word-wrap:unset; }

/* @group a11y */
button:focus-visible { 
 /* some even *more* exciting button focus styles */ 
	border: 2px solid #b72418;
}

a:focus-visible {
	border: 1px solid #b72418;
}
footer a:focus-visible {
	border: 1px solid #fff;
}

/* @end */






/* @group Header and Top Bar */

header div.inside-header { align-items: center; 	}

div.site-logo {
	order: 2;
	max-width: 500px;
	margin-bottom: 10px;
}

div.top-bar-in-header {
	width: 100%;
	order: 1;
	margin-bottom: 10px;
}

.top-bar-in-header .inside-top-bar {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-left: 0;
	padding-right: 0;
}

@media screen and (min-width:768px) {
	header div.inside-header {
		align-items: flex-start;
	}
	
	div.site-logo {
		order: 1;
		max-width: 608px;
		margin-bottom: 1px;
	}
	div.top-bar-in-header {
		width: 50%;
		order: 2;
	}
	.top-bar-in-header .inside-top-bar {
		justify-content: flex-end;
	}
	
}

/*stack and center the top bar items until there's more room*/
@media screen and (max-width:501px) {

	div.inside-top-bar > div {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-left: 0 !important;
	}
}


.top-bar-align-right div#search-2 {
	margin-left:unset;
	margin-bottom: 10px;
}
div.top-bar-in-header div#custom_html-2 {
	margin-left: 20px;
	order: 2;
}
div.top-bar-in-header div#custom_html-2 > div.textwidget {
	background: #b72418;
	padding: 5px 10px;
	border-radius: 10px;
}
div.top-bar-in-header #custom_html-2 a {
	font-family: 'futura-pt';
	font-size: 15px;
	font-weight: 500;
	color: white;
	text-decoration: none;
}


/*round the search submit */
div.top-bar-in-header .search-submit {
  border-radius: 0 10px 10px 0;
}

div.top-bar-in-header input[type=search],
div.top-bar select,
div.top-bar textarea {
 border:1px solid;
 border-radius: 10px 0 0 10px !important;
 padding:3px 10px !important;
 /*max-width:100%*/
}
div.top-bar-in-header button,
div.top-bar input[type=button],
div.top-bar input[type=submit] {
	border:1px solid transparent;
	padding: 4px 10px;
 }



/* @end top bar */


.page-id-869 h2 {
	padding-bottom: 10px;
	margin-bottom: 0;
}
 .vimWrap {
 	margin-bottom: 90px;
 }



/*if page contents arent wide, it sometiems shrinks inwards
this is one option to prevent it*/

#page {
	width: 100%;
}



/* @group Icon Row */

#iconRow {
	margin-top: 30px;
	margin-bottom: 40px !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	justify-content: center;
/*	max-width: 1180px;
	max-width: 1220px;
	max-width: 98%;*/
	margin: 30px auto;
	
}

.iconCol {
	width: 20%;
	max-width: 244px;
	text-align: center;
}
@media screen and (max-width:667px) {
	#iconRow {
		margin-bottom: 5px !important;
	}
	.iconCol {
		width: 30%;
		margin-bottom: 30px;
	}
}


/* if screen wide enough, show the separators */

@media screen and (min-width:768px) {
	#iconColSch {
		border-right: 1px solid #ccc;
	}
	#iconColCd {
		border-right: 1px solid #ccc;
	}
	#iconColFb {
		border-right: 1px solid #ccc;
	}
	#iconColTam {
		border-right: 1px solid #ccc;
	}
}
.iconCol img {
	margin-bottom: 8px;
}
.iconCol img#schIcon { width: 50px; }
.iconCol img#cdIcon { width: 44px; }
.iconCol img#fbIcon { width: 50px; }
.iconCol img#tamIcon { width: 54px; }
.iconCol img#essrIcon { 	width: 50px; }

.iconCol a {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 150px;
	margin: auto;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 600;
	color: black;
	text-decoration: none;
}

/*removed line breaks for a11y, so restricting width here*/
#iconColCd a {
	max-width: 130px;
}
#iconColTam a {
	max-width: 100px;
}
/* @end icon row */



h1 {
	font-size: 26px;
	font-family: 'futura-pt-bold';
}
p + ul { 
	margin-top: -15px; 
}

div.inside-article iframe {
	outline: 1px solid #66666;
	margin-top: 20px;
}

/*videos page weird spacing of iframes*/
.page-id-875 div.entry-content h2 {
	margin-top: 60px !important;
}
.page-id-875 div.entry-content p {
	margin-bottom: 6px;
}
.page-id-875 iframe {
	border: 1px solid #666;
}
 


/*like on PD: EPE and Webinars: Transition from ES*/

div.entry-content ul li ul {
	margin-top: 12px;
}
div.entry-content ul li ul li {
	margin-bottom: 10px;
}

/* PD FAQs page*/
.page-id-60 div.entry-content h2 {
	margin-bottom: 1px;
}

/*making a global tighter class h2*/
div.entry-content h2.tight {
	margin-bottom: .08em;
	
}
/*test*/

a.pdf {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Cpath d='M14.25,0H185.75c7.84,0,14.25,6.41,14.25,14.25,0,57.16,0,114.33,0,171.49,0,7.84-6.41,14.25-14.25,14.25H14.25c-7.84,0-14.25-6.42-14.25-14.25C0,128.58,0,71.42,0,14.25,0,6.41,6.41,0,14.25,0h0Z' style='fill: %23fbb216; fill-rule: evenodd;'/%3E%3Cpath d='M161.1,74.26c2.82,2.96,4.75,5.96,6.25,9.77l.79,2.53c1.5,6.48,.93,12.32-1.81,18.38-1.86,3.62-4.05,6.42-7.13,9.08l-2.07,1.55c-4.69,3.01-9.53,4.57-15.13,4.6H50.85c-2.06-.1-3.77-.38-5.77-.9-1.93-.71-3.5-1.46-5.25-2.53-1.62-1.21-2.89-2.37-4.25-3.86-1.22-1.63-2.12-3.11-3.01-4.95-.73-1.98-1.16-3.69-1.48-5.76-.11-2.15-.02-3.95,.31-6.07,.52-2.02,1.12-3.66,2.02-5.53,2.03-3.34,4.68-6.43,8.27-8.16-1.11-7.32,1.02-14.24,5.56-20,2.53-2.92,5.18-5,8.62-6.76,5.44-2.47,11.11-3.2,16.93-1.84,6.39-6.63,14.49-10.47,23.62-11.48,5.61-.44,10.74,.18,16.07,1.98,5.3,1.97,10.19,4.91,14.16,8.98,4.05-.98,7.6-.59,11.53,.85,1.66,.8,2.99,1.61,4.46,2.71l2.45,2.45c1.74,2.33,3.33,5.03,3.78,7.95,3.94,1.12,7.12,2.76,10.33,5.29l1.91,1.74h0Zm-109.62,13.44c-1.57-2.66-2.47-5.76-2.47-9.07,0-9.87,8.05-17.92,17.92-17.92,3,0,5.83,.75,8.32,2.06,5.43-7.85,14.49-13.02,24.72-13.02s19.17,5.1,24.61,12.86c1.8-1.44,4.07-2.31,6.54-2.31,5.77,0,10.48,4.71,10.48,10.48,0,1.12-.18,2.19-.5,3.21,.33-.02,.66-.03,.99-.03,10.63,0,19.3,8.67,19.3,19.3s-8.67,19.3-19.3,19.3c-.04,0-.08,0-.12,0h0s-90.38,0-90.38,0v-.02c-.18,.01-.36,.02-.55,.02-6.85,0-12.44-5.59-12.44-12.44s5.59-12.44,12.44-12.44c.15,0,.3,0,.44,0h0Z' style='fill: %23fff; fill-rule: evenodd;'/%3E%3Cpolygon points='84.5 90.66 114.29 90.66 114.29 140.8 84.5 140.8 84.5 90.66 84.5 90.66' style='fill: %23fff; fill-rule: evenodd;'/%3E%3Cpolygon points='99.39 174.36 132.79 139.59 66 139.59 99.39 174.36 99.39 174.36' style='fill: %23fff; fill-rule: evenodd;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-size: 60px 60px;
	padding-left: 70px;
	background-repeat: no-repeat;
	display: inline-block;
	min-height: 80px;
	color: black;
	text-align: left !important;
	font-weight: 500;
	font-size: 17px;
	border-radius: 0 !;
}
a.pdf em {
	font-weight: 600;
}

/* @group test to rearrange things */
 body {
 	display: flex;
 	flex-direction: column;
 }
.top-bar {
	order: -3;
}

/* @end */

/* @group Home */


#homeTop {
	background-color: #0043ce;
	color: white;

}
#homeTop h1 {
	font-size: 26px;
	font-family: schoolbook;
	margin-left: 15px;
	margin-top: 3px;
}
#homeTop p { margin-bottom: 20px; }
#homeTop a {
	color: #0043CE;
	text-decoration: none;
	font-weight: 600;
}
#homeTop ul {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;
	font-family: 'futura-pt';
	font-weight: 500;
}

#homeTopInner {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
@media screen and (min-width:1024px) {
	
	#homeTop {
		background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/home-hero-d-2x.jpg');
		background-size: 300px 310px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: calc(50% + 530px) 0;
	}
	
	
	#homeTopInner {
		padding-top: 20px;
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 220px;
		}
}







#homeTopInner h2 {
	font-size: 22px !important;
	font-weight: 700;
	margin-bottom: 6px;
}
#homeTopLeftTwoThirds {
	background-color: #e3eafa;
	flex-basis: 70%;
	padding: 20px;
	border: 1px solid transparent;
	border-radius: 15px;
	color: black;
	display: flex;
	justify-content: space-between;
}

/*get all three columns on one row on tabelet and below?*/
/*@media screen and (max-width:1024px) {*/
@media screen and (max-width:1174px) {
	#homeTopLeftTwoThirds {
		flex-basis: 61%;
	}
}

@media screen and (max-width:767px) {
	#homeTopLeftTwoThirds {
		flex-basis: 95%;
	}
}
#homeTopLeftTwoThirds > div {
	/*flex-basis: 48%;*/
	}
#homeTopLeftLeft {
	flex-basis: 48%;
}
#homeTopLeftRight {
	flex-basis: 49%;
}
#homeTopLeftTwoThirds > div:last-child {
	border-left: 1px solid grey;
	padding-left: 20px;
	}
#homeTopLeftTwoThirds li {
	margin-bottom: 5px;
	}
#homeTopLeftTwoThirds li a {
	font-weight: 600;
	}


#homeTopRightOneThird {
	box-sizing: content-box;
	font-size: 16px;
	flex-basis: 30%;
	max-width: 230px;
	padding: 15px 20px 0 30px;
}
@media screen and (max-width:767px) {
	#homeTopRightOneThird {
		flex-basis: 100%;
		max-width: none;
		padding: 15px 20px 0 10px;
	}
}
/*#homeTopRightOneThird p {
	
	margin-bottom: 20px;
}*/
#homeTopRightOneThird li {
	margin-bottom: 5px;
	}
#homeTopRightOneThird a {
	color: white;
}


/*override the general rule*/
#homeTopInner p  { 
	 	 /*background: green;*/
	 	 margin-bottom: 4px;
}
#homeTopInner p + ul { 
	 margin-top: 0;  
	 
	 /*background: red;*/
}

body.home div.card:last-of-type p img	{
	margin-right: 15px;
}
#homePostName {
	padding-top: 35px;
	line-height: 1;
}

/* @end home */


.card .downloadBox {

	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Cpath d='M14.25,0H185.75c7.84,0,14.25,6.41,14.25,14.25,0,57.16,0,114.33,0,171.49,0,7.84-6.41,14.25-14.25,14.25H14.25c-7.84,0-14.25-6.42-14.25-14.25C0,128.58,0,71.42,0,14.25,0,6.41,6.41,0,14.25,0h0Z' style='fill: %23fbb216; fill-rule: evenodd;'/%3E%3Cpath d='M161.1,74.26c2.82,2.96,4.75,5.96,6.25,9.77l.79,2.53c1.5,6.48,.93,12.32-1.81,18.38-1.86,3.62-4.05,6.42-7.13,9.08l-2.07,1.55c-4.69,3.01-9.53,4.57-15.13,4.6H50.85c-2.06-.1-3.77-.38-5.77-.9-1.93-.71-3.5-1.46-5.25-2.53-1.62-1.21-2.89-2.37-4.25-3.86-1.22-1.63-2.12-3.11-3.01-4.95-.73-1.98-1.16-3.69-1.48-5.76-.11-2.15-.02-3.95,.31-6.07,.52-2.02,1.12-3.66,2.02-5.53,2.03-3.34,4.68-6.43,8.27-8.16-1.11-7.32,1.02-14.24,5.56-20,2.53-2.92,5.18-5,8.62-6.76,5.44-2.47,11.11-3.2,16.93-1.84,6.39-6.63,14.49-10.47,23.62-11.48,5.61-.44,10.74,.18,16.07,1.98,5.3,1.97,10.19,4.91,14.16,8.98,4.05-.98,7.6-.59,11.53,.85,1.66,.8,2.99,1.61,4.46,2.71l2.45,2.45c1.74,2.33,3.33,5.03,3.78,7.95,3.94,1.12,7.12,2.76,10.33,5.29l1.91,1.74h0Zm-109.62,13.44c-1.57-2.66-2.47-5.76-2.47-9.07,0-9.87,8.05-17.92,17.92-17.92,3,0,5.83,.75,8.32,2.06,5.43-7.85,14.49-13.02,24.72-13.02s19.17,5.1,24.61,12.86c1.8-1.44,4.07-2.31,6.54-2.31,5.77,0,10.48,4.71,10.48,10.48,0,1.12-.18,2.19-.5,3.21,.33-.02,.66-.03,.99-.03,10.63,0,19.3,8.67,19.3,19.3s-8.67,19.3-19.3,19.3c-.04,0-.08,0-.12,0h0s-90.38,0-90.38,0v-.02c-.18,.01-.36,.02-.55,.02-6.85,0-12.44-5.59-12.44-12.44s5.59-12.44,12.44-12.44c.15,0,.3,0,.44,0h0Z' style='fill: %23fff; fill-rule: evenodd;'/%3E%3Cpolygon points='84.5 90.66 114.29 90.66 114.29 140.8 84.5 140.8 84.5 90.66 84.5 90.66' style='fill: %23fff; fill-rule: evenodd;'/%3E%3Cpolygon points='99.39 174.36 132.79 139.59 66 139.59 99.39 174.36 99.39 174.36' style='fill: %23fff; fill-rule: evenodd;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-size: 50px 50px;
	padding-left: 60px;
	background-repeat: no-repeat;
	display: inline-block;
	min-height: 52px;
	color: black;
	text-align: left !important;
	border-radius: 0 !important;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-bottom: 15px;
}


div.entry-content > ul > li {
	margin-bottom: 10px;
}
div.entry-content > ul.plain  {
	list-style-type: none;
	margin-left: 0;
}

#pageIntro {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 30px;
}

.page-id-21 #pageIntro {
	max-width: 900px;
}
.page-id-21 #pageIntro h1 {
	font-size: 26px;
	font-weight: 700;
}
.page-id-21 #pageIntro p {
	font-size: 20px;
}


#selectPrompt {
	font-family: 'futura-pt';
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}
#cards button  {
	font-family: 'futura-pt';
	font-size: 15px;
	line-height: 1.3;
	border-radius: 10px;
	background-color: #b72418 !important;
	
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 100%;


}
#cards button a {
	color: white;
	text-transform: uppercase;
}


/*newer code, might delete the above*/

.page-id-21 div.lastBtn {
	text-align: center;
}

.page-id-21 div.lastBtn a {
	/*border: 1px solid #333;*/
	
	border-radius: 9px;
	padding: 5px 7px;
	background-color: #b72418;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
}
.page-id-21 #cards .card {
	display: flex;
	flex-direction: column;
}
div.lastBtn {
	margin-top: auto;
}


/* @group Top Nav */

header #primary-menu a {
	font-family: 'futura-pt';
}


/*this is for the 20px or so padding on the first and last link. Might change this later*/
#primary-menu {
	width: calc(100% + 40px);
}

#primary-menu > ul > li > a {
 	font-size: 20px !important;
 	line-height: 1.5;
 	letter-spacing: 1px;
}




#primary-menu li.menu-item.current-menu-item > a,
#primary-menu li.menu-item.current-page-ancestor > a,
body.product-template-default #primary-menu li.menu-item-28 a {
	color: #000;
}
.main-navigation .main-nav > ul {
	justify-content: space-around;
}


/* trying to keep the top menu on one line until it hits hamburger at 768 */
@media screen and (min-width:769px) and (max-width:1080px) {
	.main-navigation #primary-menu.main-nav ul li a {
		padding-left: 0; 
		padding-right: 0;
      	font-size: 16px !important;
	}
}
#primary-menu  {
	margin-bottom: 8px;
	
	/*2022-11-27 adding more room now that the blue bar icons are in place*/
	margin-bottom: 12px;
}
/*#primary-menu li#menu-item-29.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-29 {
	border-left: 4px solid #b72418;
	padding-left: 28px;
}*/
/*@media screen and (min-width:768px) {*/
	@media screen and (min-width:850px) {
		#primary-menu li#menu-item-29.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-29 {
			border-left: 4px solid #b72418;
			padding-left: 28px;
		}
}

/*hide cart icon for now, might show later, or */

span.menu-bar-item {
	background: red;
	display: none;
}


/* @end top nav */




@media screen and (min-width:769px) {
	nav#site-navigation #primary-menu .dropdown-menu-toggle {
		display: none !important;
		visibility: hidden;
	}
	
	nav#site-navigation #primary-menu .sub-menu {
		display: none;
		visibility: hidden;
	}
}

@media screen and (max-width:768px) {
	#left-sidebar {
		display: none !important;
		visibility: hidden;
	}
}

/* @group Left Nav */



#left-sidebar {
	padding-top: 40px;
	padding-left: 20px;
	font-size: 18px;
}
/* remove left margin from first and second level */
#left-sidebar nav > div > ul,
#left-sidebar nav > div > ul > li > ul
 {
	margin-left: 0;
}


/*top level left nav items, might redo later*/
#left-sidebar ul#menu-about-menu > li > a,
#left-sidebar ul#menu-professional-development-menu > li > a,
#left-sidebar ul#menu-resources-menu > li > a,
#left-sidebar ul#menu-library-menu > li > a
{
	font-size: 20px !important;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 10px;
}

#left-sidebar ul {
	list-style-type: none;
	font-family: 'futura-pt';
}
#left-sidebar ul > li {
	margin-bottom: 12px;
}

/*test to hide acrhive first level*/
body.archive #left-sidebar div > ul > li > a{
	margin-bottom: 12px;
}

#left-sidebar li {
	margin-bottom: 12px;
}

#left-sidebar ul > li li li {
	margin-bottom: 5px;
}

#left-sidebar li.current-menu-item li {
	display: block;
}
#left-sidebar li li.current-page-ancestor li {
	display: block;
}
#left-sidebar a {
	text-decoration: none;
	color: #575760; 
	font-weight: 500;
}
#left-sidebar ul ul.sub-menu > li.current-page-ancestor > a {
	color: #1c3f94;
	color: black;
}
#left-sidebar li.current-menu-item > a {
	color: #26438e; 
}

#left-side1bar li.current-menu-item > a:before {
	content: '- ';
	margin-left: -11px;
}



#left-sidebar ul.sub-menu {
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 19px;
	padding-right: 25px;
}
body.archive #left-sidebar ul.sub-menu {
	margin-bottom: 5px;
	margin-left: 0;
	padding-right: 0;
}
#left-sidebar ul.sub-menu li > ul.sub-menu {
	margin-bottom: 30px;
	margin-left: 20px;
	font-size: 18px;
	font-weight: 400;
	display: none;
}

#menu-item-630 a {
	font-size: 20px;
	font-weight: 600;
}
#menu-item-3044 ul.sub-menu {
	font-size: 17px;
	line-height: 1.2;
	padding-left: 20px;
	padding-right: 10px;
}

/* show subs of current sub when active */
#left-sidebar ul.sub-menu > li.current-menu-item > ul.sub-menu {
	display: block;
}
#left-sidebar ul.sub-menu > li.current-page-ancestor > ul.sub-menu {
	display: block;
}


/*until you move store again, need this to show sub sub when on store */
body.woocommerce-page #left-sidebar ul.sub-menu > li.menu-item-461 > ul.sub-menu {
	display: block;
}


body.woocommerce-cart div#left-sidebar, body.woocommerce-checkout div#left-sidebar {
	display: none;
}





/*might be a better option, but for now*/
/*archive category category-child-development category-22 */
 /*.menu-item-object-category.current-category-ancestor.current-menu-ancestor.current-menu-parent.current-category-parent */
  li.current-category-ancestor ul {
	display: block !important;
}

/* @end left nav */



#mainCol.wideCol {
	width: 100%;
	margin-left: 0;
}

#breadcrumbWrap3 {
	height: 100px;
	}
#breadcrumbWrap1 {
	width: 200px;
	float: left;
	}
#breadcrumbWrap {
	width: 1200px;	
}
#breadcrumbWrap a {
	padding-right: 20px;	
}
#breadcrumbWrap1 a.active {
	font-weight: bold;
	text-decoration: none;
}



#postHolder {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
#postHolder article {
	width: 382px;
	
	margin-bottom: 30px;
		border: 1px solid #333;
	border-radius: 5px;
}




.inside-left-sidebar aside {
	display: none;
}

body.archive .inside-left-sidebar aside {
	display: block;
}

p#pageIntro img.alignright.size-full.wp-image-950 {
	margin-bottom: 20px;
}
#downloadBlock {
	display: flex;
	align-items: flex-end;
}
#rightLink {
	font-family: 'futura-pt';
	font-size: 17px;
	max-width: 400px;
	margin-bottom: ;
}
#rightLink a {
	color: black;
	text-decoration: none;
	font-weight: 500;
	line-height: 1.2;
}

/* @group Webinars Page */

article#post-789.post-789.page.type-page.status-publish div.inside-article 
div.entry-content 
figure.wp-block-embed.is-type-video.is-provider-vimeo.wp-block-embed-vimeo 
div.wp-block-embed__wrapper {
	margin-bottom: 80px;
}


/* @end webinars page */


/* @group Blue Banners */

#banner {
	background: #0043ce;
	color: white;
	font-size: 42px;
	line-height: 1;
	/*future pt book*/
	font-family: 'futura-pt';
	text-transform: uppercase;
	/*padding: 10px;*/
	margin-bottom: 20px;
}

/*sometimes the blue banner is also the h1*/

#banner h1 {
	margin-bottom: 0;
		font-size: 42px;
		
	font-family: 'futura-pt';
	font-weight: 400;
	text-transform: uppercase;
}
@media screen and (max-width:767px) {
	#banner2 {
		font-size: 36px;
		line-height: 1;
		margin-bottom: 20px;
	}
	#banner {
		font-size: 32px;
	}
	#banner h1 {
		font-size: 32px;
	}
}
@media screen and (max-width:665px) {
	#banner {
		font-size: 24px;
	}
	#banner h1 {
		font-size: 24px;
	}
}


@media screen and (min-width:768px) {
	body.woocommerce #banner div.inside-header {
		background-image: url('https://earlystartneighborhood-test.wested.org/wp-content/uploads/2022/11/esr-top-blue-banner-2x.png');
		background-repeat: no-repeat;
		background-size: 127px auto;
		background-position: center right;
	}
}


@media screen and (min-width:768px) {
	body.page-id-858 #banner div.inside-header {
		background-image: url('https://earlystartneighborhood-test.wested.org/wp-content/uploads/2022/11/esr-top-blue-banner-fom-2x.png');
		background-repeat: no-repeat;
		background-size: 127px auto;
		background-position: center right;
	}
}


@media screen and (min-width:768px) {
	body.page-id-863 #banner div.inside-header {
		background-image: url('https://earlystartneighborhood-test.wested.org/wp-content/uploads/2022/11/esr-top-blue-banner-tam-2x.png');
		background-repeat: no-repeat;
		background-size: 127px auto;
		background-position: center right;
	}
}
@media screen and (min-width:768px) {
	body.page-id-1293 #banner div.inside-header {
		background-image: url('https://earlystartneighborhood-test.wested.org/wp-content/uploads/2022/11/esr-top-blue-banner-tam-2x.png');
		background-repeat: no-repeat;
		background-size: 127px auto;
		background-position: center right;
	}
}

/*2022-12-11 had to move blue banner into header for a11y*/
nav#site-navigation > div.inside-navigation.grid-container {
	max-width: none;
}
nav#site-navigation > div.inside-navigation.grid-container > div#primary-menu {
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
}
#banner {
	width: 100%;
	order: 2;
}


/* @end blue banners */







/* @group ESL Blog Landing Pages */

.newsletterBanner {
	text-align:center;
	font-family: 'futura-pt';
	font-size: 20px;
	background-color:rgb(121,34,203);
	padding: 15px;
	color:white;
	border-radius:15px;
	max-width: 850px;
}
body.single .newsletterBanner {
	min-height: unset !important;
	margin-top: 30px;
}
.newsletterBanner a {
	background-color:rgb(255,255,255);
	padding: 5px 10px;
	color:black;
	border-radius:15px;
	text-decoration:none;
	border:1px solid black; 
	margin-left:10px;
}



body.page-id-21 div.recent-post {
	border: 1px solid #f37634;
	border-radius: 15px;
display: flex;
	max-width: 850px;
	margin-bottom: 30px;
}

body.page-id-21 div.recent-post #cardHolder {
	width: 309px;
	height: 125px;
	border-radius: 15px 0 0 15px;
	background-image: url('/wp-content/uploads/2022/10/esl-orange-card-2x.jpg');
	background-size: 309px 125px;
	background-repeat: no-repeat;
}

body.page-id-21 div.recent-post #titleHolder { 
	width: 30%;
	width: 212px;
	padding-top: 16px;
	padding-left: 16px;
	padding-right: 6px;
}

body.page-id-21 div.recent-post #excerptHolder {
	width: 329px;
	padding-top: 16px;
	padding-left: 10px;
	padding-right: 10px;
}
body.page-id-21 div.recent-post #excerptHolder p {
	font-size: 18px;
	font-family: 'futura-pt';
	margin: 0;	
}

@media screen and (max-width:899px) {
	body.page-id-21 div.recent-post {
		flex-direction: column;
		max-width: 309px;
		margin: auto;
		margin-bottom: 20px;
		padding-bottom: 15px;
	}
	
	body.page-id-21 div.recent-post #cardHolder {
		border-radius: 15px 15px 0 0;
	}
	
	body.page-id-21 div.recent-post #titleHolder { 
		width: 100%;
		padding-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
		}
	body.page-id-21 div.recent-post #excerptHolder {
		width: 100%;
		padding-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
}

/* @end end esl blog landing pages */


body.single section.entry-content article {
	/*background: pink;*/
	max-width: 850px !important;
}
@media screen and (min-width:900px) {
	body.single div.inside-article {
		background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/11/esl-blog-rt-col-2x.jpg');
		background-size: 273px auto;
		background-repeat: no-repeat;
		background-position:  right 33px;
	}
	
	body.single div.inside-article > div {
		max-width: 850px;
		min-height: 300px;
	}
	
	body.single-product.single div.inside-article {
		background-image: none;
	}
}


/* @group Cards */
#cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	justify-content: flex-start;
	width: 100%;
}
.card {
	max-width: 376px;
	min-width: 250px;
	border: 1px solid #333;
	border-radius: 15px;
	padding-top: 35px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	font-size: 18px;
	font-family: 'futura-pt';
	background-repeat: no-repeat;
	background-position: 0 30px;
	background-size: contain;
	padding-top: 220px;
	margin-right: 2.2%;
	margin-right: 1.3%;
}

body.home div#cards { }

body.home div.card {
	margin-right: 2%;
	padding: 35px 0;
	width: 32%;
}

body.home div.card:last-child {
	margin-right: 0 !important;
	padding: 35px 0;
}


body.home div.card h3, 
body.home div.card p  {
	padding: 0 20px;
}
body.home div.card:last-child {
	margin-right: 0;
}
.card img {
	margin-bottom: 15px;
}
@media screen and (max-width:768px) {
	#cards {
		justify-content: space-around;
	}
	body.home .card {
		width: 48%;
		margin-bottom: 30px;
	}
}



.card h3 {
	font-size: 18px;
	font-family: 'futura-pt';
	font-weight: 700;
	margin-top: 0 !important;
}
.card h3 a {
	text-decoration: none;
}

/*temp*/
.card h3 {
	margin-top: 30px;
	}
.card h2 {

}
.card a {
	text-align: center;
	border-radius: 10px;
	margin: auto;
	text-decoration: none;
}
.card p {
	font-size: 18px;
	line-height: 1.2;
}

/*library landing fits 3*/
.page-id-21 div#cards.fitThree  {
	/*justify-content: space-between;*/
	
}

.page-id-21 div#cards.fitThree .card {
	width: 31% !important;
	padding-top: 160px;
	margin-right: 2%;
}
.page-id-21 .card:last-child {
	margin-right: 0;
}

.page-id-21 .card p:last-child {
	margin-bottom: 0 ;
}
.card.fsCard {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esl-family-support-card-2x.jpg');
		}	

.card ul {
	list-style-type: none;
	margin-left: 0;
	
}
.card ul li {
	line-height: 1.2;
	margin-bottom: 12px;
}
.card .esi	{
	/*background-color: #ccc;*/
}

.card.scCard {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esl-service-coordination-card-2x.jpg');
}
.card.spCard {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esl-service-provision-card-2x.jpg');
	/*background-color: pink;*/
}

.card.outreachCFM {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esr-outreach-red-card-2x.png');
}
.card.esi {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esr-outreach-red-card-2x.png');
}
.card.esi.yellow {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/10/esi-yellow-meeting-2x.jpg');
}
.card.esi.blue {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/10/esi-blue-baby-bear-2x.jpg');
}
.card.esi.red {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/10/esi-red-mother-baby-2x.jpg');
}
.card.esi.purple {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/10/esi-purple-man-toddler-2c.jpg');
}
.card.esi.orange.meeting {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/10/esi-orange-meeting-2x.jpg');
}
.card.esi.orange {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/10/esi-orange-checkmark-2x.jpg');
}
/*ESR*/
.card.esr {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esr-purple-family-card-2x.jpg');
}
.card.esr.purple {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esr-purple-family-card-2x.jpg');
}
.card.esr.red {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/10/esr-red-meeting-card-2x.jpg');
}
.card.esr.orange {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/11/esr-orange-video-camera-card-2x-gradient.jpg');
}
.card.esr.blue {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/11/esr-blue-shopping-cart-card-2x-gradient.jpg');
}




/*using cards instead of card here*/

/*.cardsOCFM*/

.cardsESR.cardsOCFM div.card {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esr-outreach-purple-card-2x.png');
}
.cardsESR.cardsOCFM  div.card:nth-of-type(2) {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esr-outreach-red-card-2x.png');
}
.cardsESR.cardsOCFM  div.card:nth-of-type(3) {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esr-outreach-orange-card-2x.png');
}
.cardsESR.cardsOCFM  div.card:nth-of-type(4) {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esr-outreach-blue-card-2x.png');
}
.cardsESR.cardsOCFM  div.card:nth-of-type(5) {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esr-outreach-purple-card-2x.png');
}
.cardsESR.cardsOCFM  div.card:nth-of-type(6) {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esr-outreach-red-card-2x.png');
}
.cardsESR.cardsOCFM  div.card:nth-of-type(7) {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esr-outreach-orange-card-2x.png');
}
.cardsESR.cardsOCFM  div.card:nth-of-type(8) {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esr-outreach-blue-card-2x.png');
}


/*ESP*/
#cards.cardsESP div.card.esp {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/11/esp-purple-2x.jpg');
}
#cards.cardsESP div.card.esp.red {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/11/esp-red-2x.jpg') ;
}
#cards.cardsESP div.card.esp.orange {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/11/esp-orange-2x.jpg') ;
}
#cards.cardsESP div.card.esp.blue {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/11/esp-blue-2x.jpg') ;
}

/*SKILL*/

.card.sbs.sbse {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/10/esi-red-mother-baby-2x.jpg');
}
.card.sbs.sbsp {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/10/esi-blue-child-numbers-2x.jpg');
}
.card.sbs.sbcomm {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/10/esi-yellow-grandmother-child-2x.jpg');
}
.card.sbs.sbcog {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/10/esi-purple-child-woman-2x.jpg');
}
.card.sbs.sbadapt {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/10/esi-orange-teacher-child-2x.jpg');
}






.card.esr.outreach.purple {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esr-outreach-purple-card-2x.png');
}

.card.esr.outreach.red {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esr-outreach-red-card-2x.png');
}

.card.esr.outreach.orange {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esr-outreach-orange-card-2x.png');
}

.card.esr.outreach.blue {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/09/esr-outreach-blue-card-2x.png');
}




/* Library */

body.archive.category article:nth-child(4n+1) {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/10/esl-orange-card-2x.jpg');
}
body.archive.category article:nth-child(4n+2) {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/10/esl-purple-card-2x.jpg');
}
body.archive.category article:nth-child(4n+3) {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/10/esl-red-card-2x.jpg');
}
body.archive.category article:nth-child(4n+4) {
	background-image: url('https://earlystartneighborhood.org/wp-content/uploads/2022/10/esl-blue-card-2x.jpg');
}





/* if a page has left side bar active, space the cards 2-up */


body.left-sidebar div.card {
	margin-bottom: 30px;
	width: 100%;
	}	
@media screen and (min-width:1024px) {
	body.left-sidebar div.card {
		width: 46%;
	}	
	body.left-sidebar div.card:nth-child(2n+01) {
		margin-right: 30px;
	}
}


/* @end cards */





.page-id-13 p#pageIntro strong {
	color: #26438e;
	font-family: 'futura-pt';
	font-weight: normal;
	font-size: 26px;
	line-height: 1;
}

p#pageIntro img.alignleft.size-full.wp-image-989 {
	width: 100px;
	margin-right: 13px;
	margin-bottom: 0;
}






/* @group Professional Development */

/*Override a theme default for the landing page logo */

@media (max-width: 768px) {
  
  p#pageIntro img.alignleft.size-full.wp-image-989 {
	width: 80px;
	float: left;
	}
}



/* @end professional development */



/* @group Central Directory */

#cdTopBackLnk {
	padding-left: 20px;	
}

#cdTopBackLnk a, #banner2 a, #banner3 a {
	text-decoration: none;
	font-family: 'futura-pt';
	font-weight: 600;
	color: black;
	text-decoration: none ;
}
#cdTopBackLnk a:hover, #banner2 a:hover, #banner3 a:hov {
	text-decoration: underline;
	color: #26438e;
}
#cdTopBackLnk a:before {
content: '< ';
}



/* hides the global search and es online login button */

/* if you add a new sub section to CD, add the id here as parent id */
.page-id-19 div.inside-top-bar,
.parent-pageid-19  div.inside-top-bar,
.parent-pageid-542  div.inside-top-bar,
.parent-pageid-545  div.inside-top-bar ,
.parent-pageid-592  div.inside-top-bar ,
.parent-pageid-548  div.inside-top-bar ,
.parent-pageid-3012  div.inside-top-bar 

{
	display: none;
}

/* Hide the normal top nav when in CD */

@media screen and (min-width:769px) {
	.page-id-19 > nav div#primary-menu,
	.parent-pageid-19 > nav div#primary-menu,
	.parent-pageid-542  > nav div#primary-menu,
	.parent-pageid-545  > nav div#primary-menu,
	.parent-pageid-592  > nav div#primary-menu,
	.parent-pageid-548  > nav div#primary-menu,
	.parent-pageid-3012  > nav div#primary-menu  {
		display: none;
	}
}

.page-id-19 header div.inside-header,
.parent-pageid-19 header div.inside-header,
.parent-pageid-542 header div.inside-header, 
.parent-pageid-545 header div.inside-header {
	margin-top: 0;
	justify-content: space-between;
}

#cdTopBadge {
	/*max-width: 100px;*/
	max-width: 22%;
	max-width: 20%;
		/*2022-11-20 order needed now*/
	order: 3;
}


div#cdTopSearch {
	border: 1px solid #b72418;
	border-radius: 10px;
	padding: 30px 50px;
	max-width: 1180px;
	margin: 20px auto 50px auto;
	
	background-color: #f2f2f2;
	
	
}
@media screen and (max-width:767px) {
	div#cdTopSearch {
		border: 1px solid #b72418;
		border-radius: 10px;
		padding: 30px 50px;
		max-width: 100%;
		margin: 20px auto 50px auto;
	}
	#cdTopSearch form {
		flex-wrap: wrap;
	}
	#cdTopSearch span.selectBox {
		width: 100% !important;
		margin-bottom: 20px;
	}
}
#cdTopSearch p:first-of-type {
	max-width: 620px;
	text-align: center;
	margin: 0 auto 20px;
	font-family: 'futura-pt';
	font-size: 18px;
}
div#cdTopSearch p#postSearchNote {
	text-align: center;
	font-style: italic;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 0;
	}

#cdTopSearch form {
	display: flex;
	justify-content: center;
	}

#cdTopSearch form ,
#cdTopSearch form select {
	font-family: 'futura-pt';
	font-size: 18px;
}

#cdTopSearch form label {
	padding-right: 5px;
	font-weight: 700;
}
#cdSearchBox button {
	padding: 3px 8px;
	}

div.menu-cd-top-menu-container {
	margin-bottom: 30px;
}
ul#menu-cd-top-menu {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	list-style-type: none;
	margin: 0;
}
ul#menu-cd-top-menu li  {
	padding: 5px 10px;	
}
ul#menu-cd-top-menu > li > a {
	text-decoration: none;
	font-family: 'futura-pt';
	font-size: 20px;
	font-weight: 400;
	color: black;
}
#cdSearchBox form select {
	margin-right: 20px;
	
	outline: 1px solid #b72418;
}
#cdSearchBox form button {
	font-family: 'futura-pt';
	color: white;
	border-radius: 10px;
	/*margin-left: 20px;*/
	background: #b72418;
}


ul#menu-cd-early-start-menu ul.sub-menu {
	margin-left: 10px;
	padding-right: 10px;
}

/* @end central directory */






/* @group CD Seach Results */
div.cdSearchResults#cards h3 {
	width: 100%;
}

div.cdSearchResults#cards { }

div.cdSearchResults .card {
	width: 40%;
	max-width: 363px;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-right: 30px;
	margin-bottom: 60px;
	border-width: 2px;
	border-color: #b72418;
}
@media screen and (max-width:767px) {
	div.cdSearchResults .card {
		width: 80%;
		padding-top: 10px;
		padding-bottom: 20px;
		margin-right: 0;
		margin-bottom: 30px;
	}
}

.editorTool {
	border: 1px solid red;
	border-radius: 5px;
	margin-top: 30px;
	padding: 5px;
}

/* @end cd search results */









/* @group Editor */

.editorBox {
	border: 2px solid red;
	background: rgba(25, 5, 5, .1);
	border-radius: 5px;
	padding: 20px;
	
	font-family: sans-serif;
}
#editorButtonsBox {
	overflow: auto;
	display: flex;
	align-items: center;
}
#editorButtonsBox form  {
	float: left;
	padding: 3px 10px;
}
#editorButtonsBox form button {
	border: 1px solid red;
	border-radius: 5px;
	padding: 8px;	
	min-width: 150px;
	background: white;
	text-transform: uppercase;
	box-shadow: 0px 3px 5px #ccc;
	color: black;
	font-family: sans-serif;
	font-size: 16px;
}
.editorTool {
	border: 1px solid red;
	border-radius: 5px;
	padding: 5px;
}

#addEntryForm label {
	min-width: 110px;
	display: inline-block;
}
#updateEntryForm label {
	min-width: 110px;
	display: inline-block;
	
}
#updateEntryForm input {
	margin-bottom: 20px;
	color: black;
	
	font-family: sans-serif;
}
#updateEntryForm select {
	margin-bottom: 20px;
	font-family: sans-serif;
}
#updateEntryForm textarea {
	margin-bottom: 20px;
	font-family: sans-serif;
}
.leftForm {
	width: 50%;
	/*float: left;*/
	margin-top: 20px;
	padding-right: 20px;
}

h1#cdEditor {
	font-size: 28px;
	max-width: 500px;
	margin-bottom: 0;
	padding-right: 40px;
	float: left;
	font-family: sans-serif;
	font-weight: 500;
}

.rightForm {
	width: 50%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.leftForm input { width: 80%; }
.rightForm input { width: 80%; }

#category { width: 50%; }

#department { width: 50%; }

#name { width: 50%; }

#updateEntryForm #name { width: 80%; }

#website {
	width: 80%;
	margin-bottom: 20px;
}

.twoColOuter { border: 1px solid #333; }

.oddBreak {
	float: left;
	clear: both;
	width: 100%;
}
.oddBreak2 {
	background: green;
	float: left;
	clear: both;
	width: 100%;
}


#updateEntryForm div.bottomForm  { }

.bottomForm > div#websiteGroup { }

#updateEntryForm div.bottomForm button {
    border: 1px solid red;
    border-radius: 5px;
    padding: 10px 20px;
    background: white;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
    box-shadow: 0px 3px 5px #ccc;
	color: black;
	font-family: sans-serif;
}
#updateEntryForm div.bottomForm button:hover {
	background: silver;
	transition-duration: 0.3s;
}


#cdEditorFormTop1 {
	display: flex;
	flex-direction: column;
}
#cdEditorFormMiddle {
	display: flex;
	flex-direction: row;
}
#cdEditorFormBottom {
	display: flex;
	flex-direction: column;
}
/* @end cd editro from old site */








/* @group Woo Store Landing */


ul.products a.button  {
	font-family: 'futura-pt';
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1.3;
	border-radius: 10px;
	background-color: #b72418 !important;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#cards button a {
	color: white;
	text-transform: uppercase;
}


body.archive .inside-left-sidebar ul#menu-resources-menu {
  margin-left: 0;
}


/* @end woo store landing */

/* @group Cart Page */

form.woocommerce-cart-form button.button {
	/*background: blue !important;*/
	color: white !important;
}

/*fix the weird sizing on the thumbs 2023-02-02*/


/* woocommerce.css | https://earlystartneighborhood.org/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=7.3.0 */

/*#add_payment_method table.cart img, */
.woocommerce-cart table.cart img
/*.woocommerce-checkout table.cart img */
{
   width: 32px; 
   width: auto;
}

/* @end cart page */






/*hide the word description for now, its in the tab above already, per PV*/
body.single-product #tab-description  h2:first-child {
	background: red;
	display: none;
}

/*hide the ESL left nav for now*/

body.archive.post-type-archive-product div.inside-left-sidebar > aside {
	/*background: pink;*/
	/*display: none;*/
}
ul.products.columns-3 {
	margin-bottom: 40px;
}


#categoryList2 {
	/*margin-top: 50px;*/
	margin-bottom: 20px;
}

#categoryList2 a {
	text-decoration: none;
}



/*temp fix */


/* Element | https://earlystartneighborhood.org/category/family-support/child-development/ */

#main {
  display: flex;
  flex-direction: column;
}



#schTopNav {
	/*background: pink;*/
	line-height: 2.5;
	margin-bottom: 20px;
}
#schTopNav a {
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
}
#schTopNav a.currentChapter {
	color: black;
	font-weight: bold;
}






/* @group Archive Pages */

/* Not sure why all this is neeeded */
body.archive .site-content {
	
	/*flex-direction: column;*/
}
body.archive div#left-sidebar {
	padding-top: 0;
}

div#resourceTypes {
	font-family: 'futura-pt';
	float: left;
}
.breaker-small {
	font-weight: 700;
}
div#resourceTypes ul {
	list-style-type: none;
	display: flex;
	margin: 0;
}
div#resourceTypes ul li {
	margin-right: 20px;
}

div#resourceTypes ul li a.rtFilter { }

div#resourceTypes ul li a.currentFilter {
	font-weight: 700;
}




body.archive.category article {

background-repeat: no-repeat;
background-position: 0 30px;
background-size: contain;

/*	max-width: 31%;
	max-width: 31%;
	max-width: calc(33% - 11px);
	max-width: calc(33% - 11px);*/
	min-width: 270px !important;
	max-width: 320px;
	border: 1px solid #333;
	border-radius: 15px;
	
	
	
	padding-top: 155px;
/*	padding-top: calc(1vw + 15%);
	padding-top: clamp(150px, 100vw, 310px);*/
	/*padding-top: min(50%, 310px);*/
	padding-bottom: 20px;
	font-family: 'futura-pt';

	
	margin-right: 1.3%;
	margin-right: 20px;
	margin-bottom: 30px;
}

@media screen and (min-width:1134px) {
	body.archive.category main {

	}
	body.archive.category article {
		/*max-width: 300px;*/
		max-width: calc(33% - 11px);
	}
	body.archive.category article:nth-of-type(3n+3) {
		margin-right: 0;
		/*background: red;*/
		
	}
}
/*@media screen and (min-width:500px) {
	body.archive.category main {
		background: yellow;
	}
	body.archive.category article) {
		max-width: calc(50% - 11px);
		
	}
}*/

body.archive #left-sidebar .widget {
	/*background: yellow;*/
	padding-left: 0;
}

article h2 {
	font-size: 18px;
	font-family: 'futura-pt';
	font-weight: 700;
	margin-top: 0 !important;
}

article h2 a { }

div.entry-meta { }

body.archive .inside-article {
	padding-bottom: 0;
	display: flex;
	flex-direction: column;
}

body.archive .entry-summary {
	margin-top: 10px;
	margin-bottom: 10px;
}


footer.postFooter {
	display: flex;
	flex-direction: row;
	margin-top: auto;
	padding-top: 10px;
	align-content: flex-end;
	align-items: flex-end
}

div.authorPhoto {
	width: 60px;
	height: 50px;
	padding-right: 10px;
}
div.nameAndDate {
	line-height: 1;
}

/* @end archive pages */




















/* @group Footer */
.footer-widgets-container {
	font-family: 'futura-pt';
}


/* hide this until screen is wide enough for the footer logo */
.footer-widget-3 { display: none; }

@media screen and (min-width:1000px) {
	.footer-widgets-container {
		background-image: url('/wp-content/uploads/2022/09/ESN-logo-footer-c-2x.jpg');
		/*background-size: 400px 215px;*/
	  background-size: contain;
	  /*background-size: 250px 400px ;*/
		background-repeat: no-repeat;
		background-position: center bottom;
		
		max-width: 1240px;
	}
	.footer-widget-3 {
		display: flex;
		
		/*this might help PD be on one line*/
		/*max-width: 180px;*/
	}
}
.site-footer {
	font-size: 16px !important;
	line-height: 1.3;
}

.footer-widgets-container .widget ul li ul {
	margin-top: 3px;
}

.footer-widgets-container ul {
	margin-left: 0 !important;
}
.footer-widgets-container > div > div > aside > div > ul > li > a {
	text-transform: uppercase;
}


/*when these wrap they read as separate items. margin helps, but the line height is so high its hard to tell*/
.site-footer .widget ul li {
  /* margin-bottom: .5em; */
  /*margin-bottom: unset;*/
  margin-bottom: 3px;
}


/*if reusing the same left menus in the footer, hide the sub menus*/
.site-footer .menu ul ul {
	display: none !important;
}

.footer-widgets-container a { text-decoration: none; }

/*the default here seems a little off*/
.site-footer .footer-widgets-container .inside-footer-widgets {
 /*margin-left:-50px;*/
}
.footer-widgets-container h2 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	/*margin-bottom: 2px;*/
}
.footer-widgets-container h2.menu-item-has-children {
	margin-bottom: 3px;
} 

/* @end footer */