/*--------------------------------------------------------------
 DaSy Custom Stylesheet

 To override styles from other stylesheets, copy them here and edit away.
--------------------------------------------------------------*/

/* Print Style Sheet */
/* To make printouts of web pages look  better */
@media print {
	body { background:white; color:black; margin:0; }
	#content { margin-left:0; float:none; width:auto;}

	/* avoid page breaks after headers, before list items, and in the middle of images */
	h1, h2, h3, h4, h5, h6 { page-break-after:avoid;  page-break-inside:avoid; }
	ul, ol, dl  { page-break-before:avoid; }
	img { page-break-inside:avoid;  }

	/* hide things we don't want to print out: menus, search, sidebars, comments, recapcha box */
	#wpadminbar, .edit-link { display:none; }
	#header, #comments, #sidebar, #footer { display:none; }
	.custom-search, .ab-item, .mobile-site-title { display:none;}
	.menu-redesign-menu-container, #menu-redesign-menu { display:none;}
	.footer-logo, .footer-menu, .grecaptcha-logo { display:none !important;}
	.grecaptcha-badge, .rc-anchor { visibility:hidden }
	#recaptcha-token #cvpboxOverlay #cvpcolorbox, #cvpboxWrapper {display:none;}
}

/*--------------------------------------------------------------
 DaSy ECTA Logos - float right and side-by-side
--------------------------------------------------------------*/
/* float right versions */
.dasylogo {
	content: url("/wp-content/uploads/2020/02/DaSy-logo.png");
	float: right;
	margin-top: -10px;
	margin-left: 15px;
	width: 125px; 
}

.dasyectalogo {
	content: url("/wp-content/uploads/2021/03/DaSyECTA.png");
	float: right;
	margin-top: -10px;
	margin-left: 15px;
	width: 157px; 
}
.ectadasylogo {
	content: url("/wp-content/uploads/2018/03/ECTAdasy.png");
	float: right;
	margin-top: -10px;
	margin-left: 15px;
	width: 157px; 
}
.ncsilogo {
	content: url("/wp-content/uploads/2016/07/ncsi-logo-small.jpg");
	float: right;
	margin-top: -10px;
	margin-left: 10px;
	width: 157px; 
}
.ectalogo {
	content: url("/wp-content/uploads/2018/07/ECTA-e1596735663472.jpg");
	float: right;
	margin-top: 0px;
	margin-left: 20px;
	width: 160px; 
}
.ectalogo img {
	width: 160px;
}
.mydasytalogo {
	content: url("/wp-content/uploads/2021/04/myDaSyTA-logo.png");
	float: right;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	width: 160px; 
}
.mydasytalogo img {
	width: 160px;
}
.ideapartclogo {
	content: url("/wp-content/uploads/2021/04/idea-part-c-logo.png");
	float: right;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	width: 160px; 
}
.ideapartclogo img {
	width: 160px;
}
/* side by side (no float) version */
.dasyectalogoside {
	content: url("/wp-content/uploads/2021/03/dasy-ecta-logo.png");
	width: 640px;
}
.ectadasylogoside {
	content: url("/wp-content/uploads/2021/03/ecta-dasy-logos.png");
	width: 640px;
}
/* full text (no float) version */
.dasyectalogofull {
	content: url("/wp-content/uploads/2021/03/dasy-ecta-logo.png");
	width: 800px;
}

/*--------------------------------------------------------------
 Navigation Menu - NEW
--------------------------------------------------------------*/

.main-navigation {
   	background-color: #ffffff  !important;
	border-bottom: 1px #154578 solid;
}
.main-navigation ul.nav-menu {
   background-color: #ffffff  !important;
}

.main-navigation li {
  float:right;
  color: #227532;
}

.main-navigation li a {
	border-bottom: 0;
	color: #154578;
	font-weight: 600; /* or 500 for not bold */
	line-height: 1;
	padding: 16px 22px;
	font-size: 16px;
    text-transform: uppercase;
	white-space: nowrap;
	word-wrap: break-word;
}

.main-navigation li ul li a {
	border: none;
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	padding: 8px 10px 8px 15px;
	width: 180px;
	white-space: normal;
	color: #777;
}

.current-menu-item > a {
    color: #fff;
    background-color: #154578 !important;
}

.toprightmenu a {
  color: black;
} 
 
/*--------------------------------------------------------------
 Search layout
--------------------------------------------------------------*/

/* Search box in header */
.custom-search {
  margin-top: 40px;
  margin-left: 755px;
  position:absolute;
}

.searchform #searchsubmit {
  background-color: #154578;
  font-size: 14px;
  padding: 10px;
  text-transform: uppercase;
}
  
/* Can hide search For text - but not now */
.site-header .search-submit {
    /* display: none; */
}

/*--------------------------------------------------------------
 Global Layout
--------------------------------------------------------------*/
body {
	font-size: 15px;
	font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #080808;
}

a {
  font-weight:600;
 }

.floatLeft {
	float:left;
	padding:10px 40px 5px 0px;
}

.right {
    float: right;
  	margin: 5px;
}

/* remove spaces after paragraphs before bulleted lists */
.entry-content ol {
	margin-top: 0px;
}
.entry-content p + ol {
    margin-top: -15px;
}
.entry-content ol li {
	margin-bottom: 8px;
}
.entry-content ul li {
	margin-bottom: 8px;
}
.entry-content p + ul {
    margin-top: -15px;
}
/* except for lists in (e.g., framework) tables; make those tight */
.entry-content table tr td ol {
	margin-bottom: 2px;
}
}.entry-content table tr td ol li {
	margin-bottom: 2px;
}
.entry-content table tr td ul li {
	margin-bottom: 2px;
}
.entry-content table tr td ul {
	margin-bottom: 2px;
}
ol.d {list-style-type: decimal;}
ol.a {list-style-type: lower-alpha;}
ol.r {list-style-type: lower-roman;}

#page  {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

/* Less padding above and below banner */
.header-inner {
    padding-top: 0px;
    padding-bottom: 5px;
    overflow: hidden;
    min-height: 70px;
   /*  max-width: 1366px !important; */
}
  
/* less blank space above page headers */
body .site {
/* comment out max-width to use narrow view; uncomment for wider view */
   /*  max-width: 1366px !important; */
   /* margin-bottom: 50px; */
    padding-top: 15px;
    padding-bottom: 15px;
}

.site-content {
	float: left;
 }


/* tags on right side of post pages; make right side a little narrower than default 300px */
.custom-post-tags {
  float: right;
  width: 200px;
  padding-left: 40px;
  line-height: 150%;
}

/* tags on bottom of pages */
.custom-page-tags {
  margin-top: 40px;
  padding-left: 0px;
  line-height: 150%;
  font-size: 15px;
  font-weight: 400;
}

/* Style links inside content of pages (only) based on destination.
 * External inks get external link icon at the end.
 * Could make PDFs's get another icon, Word get another one, etc.
 * See: https://stackoverflow.com/questions/18168286/how-can-i-style-external-links-like-wikipedia
 * https://css-tricks.com/snippets/css/style-links-depending-on-destination/
 * https://stackoverflow.com/questions/5379752/css-style-external-links
 * To exclude glossary links, could add nots like ":not(.glossaryLink)" - but even
 * better, exclude ANY internal links with :not([href*="dasycenter.org"])  */
/* .entry-content a[href^="http://"]:after, 
 .entry-content a[href^="https://"]:not([href*="dasycenter.org"]):after {
	content: url(/wp-content/uploads/2020/08/Icon_External_Link.png);
    margin: 0 0 0 5px;
} */

/* Style download types with icons 
 * Good source: https://icons8.com/ or www.shareicon.net
 * CSS adapted from
 * https://www.sitepoint.com/community/t/auto-pdf-link-icon-but-not-for-image-links/206003 */
a[href $='.pdf'], a[href $='.PDF'] { 
   padding-left: 26px;
   background: transparent url(/wp-content/uploads/2020/08/Icon-PDF-22.png) no-repeat center left; 
}
a[href $='.zip'] { 
   padding-left: 26px;
   background: transparent url(/wp-content/uploads/2020/08/Icon-ZIP-22.png) no-repeat center left; 
}
a[href $='.docx'], a[href $='.doc'] { 
   padding-left: 28px;
   background: transparent url(/wp-content/uploads/2020/08/Icon-DOC-22.png) no-repeat center left;
}
a[href $='.pptx'], a[href $='.ppt'] { 
   padding-left: 28px;
   background: transparent url(/wp-content/uploads/2020/08/Icon-PPT-22.png) no-repeat center left;
}
a[href $='.xlsx'], a[href $='.xlsm'], a[href $='.xls'] { 
   padding-left: 28px;
   background: transparent url(/wp-content/uploads/2020/08/Icon-XLS-22.png) no-repeat center left;
}
a[href $='.be'], a[href $='.mp4'], a[href *='youtu.be'], a[href *='youtube.com'], a[href *='vimeo.com'], a[href *='adobeconnect.com'] { 
   padding-left: 28px;
   background: transparent url(/wp-content/uploads/2020/08/Icon-Youtube-24.png) no-repeat center left;
}


/* Hide post dates and authors */
.entry-meta time { display:none; }
.entry-meta .by-author { display:none; }

/* make page titles smaller with less space before/after */
.entry-header .entry-title {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    padding-top: 8px;
}

/* less blank space after headers */
.entry-content h1 {
  margin-bottom: 8px;
}
.entry-content h2 {
  margin-bottom: 8px;
}
.entry-content h3 {
  font-weight:500;
  margin-bottom: 6px !important;;
  line-height:normal !important;
 /*  margin-bottom: 6px; */
  /* line-height:normal; */
}
.entry-content h4 {
    font-weight:500;
    margin-bottom: 0px !important;;
    line-height:normal !important;
}
.entry-content h5 {
  margin-bottom: 0px;
}

.entry-content p, .mu_register p {
  line-height: 1.7;
  margin: 0 0 24px;
  color:#141414;
}

.entry-content ul ul , .mu_register ul ul {
  line-height: 1.8;
  margin: 0 0 0 24px;
  list-style-type: circle;
  color:#141414;
}

.entry-content ul ul ul , .mu_register ul ul ul {
  line-height: 1.8;
  margin: 0 0 0 24px;
  list-style-type: square;
  color:#141414;
}

/* table styles */

table, td {
  font-size: 15px;
}

.entry-content th {
	background-color: #f8f8f8;
  	font-size: 15px;
	font-weight: 600;
	color: #000000;
  	height: 30px;
    padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	min-width: 75px;
  	text-transform: capitalize;
} 

.entry-content td {
  	height: 30px;
    padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
   	color: #141414;
} 

.entry-content table, .comment-content table {
    border-bottom: 1px solid #bbbbbb;
    color: #141414;
    font-size: 12px;
    line-height: 2;
    margin: 0 0 24px;
    width: 100%;
}

/* special table that shows line grids */
.bordered-table {
    border: 1px solid #bbbbbb;
    color: #141414;
    font-size: 12px;
    line-height: 2;
    margin: 0 0 24px;
    width: 100%;
}
.bordered-table table tr {
    border-bottom: 1px solid #bbbbbb;
}
.bordered-table th {
	background-color: #f8f8f8;
 	border: 1px solid #bbbbbb;
	font-size: 15px;
	font-weight: 600;
	color: #000000;
  	height: 30px;
    padding: 5px 10px 5px 10px;
	min-width: 75px;
  	text-transform: capitalize;
} 

.bordered-table td {
  	height: 30px;
	border: 1px solid #bbbbbb;
    padding: 6px 10px 6px 10px;
   	color: #141414;
} 

/* footer */
div.footer-inner-top {
    background-color: #ececec !important;
}

div.footer-inner-top a {
    color: #192d53 !important;
	font-weight: 500;
}

.footer-menu {
	margin-top:0px; 
	color:#192d53; 
	font-size:16px; padding-right:5px;
}

.footer-widget {
    width: 17%;
    margin-right: 3%;
    text-align: center;
}

.comment-content h4, .entry-content h4 {
    font-size: 16px;
    line-height: 1.3em;
  	margin: 12px 0px 12px 0px;
}

/* Hide big featured image - 9/2/15 */
.entry-post-large { display:none; }

.video {
width: 550px !important;
  padding-bottom:10px;
}

/*--------------------------------------------------------------
 Banners & Big Fonts 
--------------------------------------------------------------*/
/* Wide green banner used on home page */
.green-banner {
  background-color: #499F39;
  padding: 15px 15px 15px 15px;
  margin: 0; 
  font-weight:600;
  font-size:22px;
  color: #ffffff;
}

/* Wide BLUE banner used on home page */
.blue-banner {
    background-color: #103760;
    font-weight: 600;
    font-size: 22px;
    width: 976px;
    padding: 10px;
    margin-bottom: 5px;
	margin: auto;
    color: #ffffff;
	align-content:center;
	text-align:center;
}
.blue-banner a {
	display:inline;
	/* text-decoration: underline; */
	color:#ffffff;
}

/* HALF-size blue banner, for 1 column*/
.half-blue-banner {
    background-color: #103760;
    font-weight: 600;
    font-size: 20px;
    width: 450px;
    padding: 10px;
    margin-bottom: 5px;
    color: #ffffff;
	align-content: center;
	text-align: center;
}
.half-blue-banner a {
	display:inline;
	/* text-decoration: underline; */
	color:#ffffff;
}

.big-green-font {
  font-size: 24px;
  color: #499F39;
  line-height: 1.3em;
}

.big-blue-font {
  font-size: 24px;
  color: #154578;     /* medium blue 154578 or dark blue 192d53 */
  line-height: 1.3em;
}

/* make text blue and bold */
.blue {
  color:#003366;
  font-weight:bold;
  }


element {

}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {

    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;

}

.entry-content quote {
	font-style: italic;
	margin: 0 0 0 50px;
}

/* Pull Quote */

.pquote {
    float: right;
    width: 220px;
	border-left: 2px solid #DDD;
	padding: 0 0 10px 20px;
    margin: 0 13px 30px 20px;
	font-style: italic;
}

/* Green box floating right used in sidebar on some pages */
.greenbox310 {
	float: right;
	width: 310px;
	background: #ffffff;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border: solid 1px #39B54A;
	border-radius: 10px 10px 10px 10px;
	margin-right: 5px;
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* less space before and after headers and lists in the box; we've already added padding */
.greenbox310 h3 {
	margin-top: 5px;
}
.greenbox310 ol {
	margin-bottom: 0px;
}

/* Green box floating right - use style to set width */
.greenboxright {
	float: right;
	width: 250px;
	background:#FFF;
	padding: 10px; 10px 10px 10px;
	border: solid 1px #39B54A;
	border-radius: 5px 10px 5px 10px;
	margin: 10px 10px 10px 25px;
}

/* Green box full width */
.greenboxfull {
	width: 90%;
	background: #ffffff;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	border: solid 1px #39B54A;
	border-radius: 5px 10px 5px 10px;
}

/* Another side box used some places */
#greenframeworkbox {
    width: 90%;
    background:#FFF;
	border: solid 1px #39B54A;
	border-radius: 10px 10px 10px 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* DaSy product icon for framework resources page */
.dasy-product ul li {
    background: transparent url(/wp-content/uploads/2022/02/dasy-product-icon-64.png) no-repeat center right; 
	/* padding-right: 30px; */
	/* padding-left: 70px; */
	padding-right: 70px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

/* footnote styles */
/* superscript number for footnote */
.super {
  vertical-align: super;
  font-size:12px;
}
.footnote {
  color:#141414; 
  font-weight:normal; 
  text-decoration:none;
}
a:hover.footnote {
  text-decoration:none;
}

/*--------------------------------------------------------------
 Big Buttons 
  
 Adapted from http://www.adam-bray.com/blog/86/Simple+CSS+3+buttons/
 Avoid flashing of color for accessibility reasons. So no flipping
 green to white or blue to white on hover. Can underline on hover.
--------------------------------------------------------------*/

[class*='btn-'] {
	border-radius: 15px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
	color: #fff;
	display: inline-block;
	font-size: 22px;
  font-weight:regular;
  text-decoration:none;
	padding: 8px 40px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	  transition: background-color 0.1s linear;	
}

[class*='btn-']:hover {
		cursor: pointer;
}
	
.btn-white {
	 /* Colors: blue: 192d53, green: 499F39 */
	background-color: #FFFFFF;
	border: 1px solid #499F39;
    color: #499F39;
}

.btn-white:hover {
	  background-color: #FFFFFF;
  	  text-decoration:underline;
}
		
.btn-white:active {
	  background-color: #FFFFFF;
}

.btn-blue {
	background-color: #192d53;
	border: 1px solid #192d53;
    color: #ffffff;
}
	
.btn-blue:hover {
	  /* Turn blue button green */
	  background-color: #499F39; 
  	  text-decoration:none;
}
		
.btn-blue:active {
	  background-color: #499F39; 
  	  text-decoration:none;
}

.btn-green {
	background-color: #499F39;
	border: 1px solid #499F39;
    color: #ffffff;
}
	
.btn-green:hover {
	  background-color: #499F39; 
  	  text-decoration:underline;
}
		
.btn-green:active {
	  background-color: #499F39; 
  	  text-decoration:underline;
}

/*--------------------------------------------------------------
 Conference styling:
 Back to program, person / Staff styling
--------------------------------------------------------------*/
.back-to-agenda {
    float: right;
    width: 140px !important;
    padding-left: 12px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-style: solid !important;
    border-width: 1px;
    border-color: #909090 !important;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 5px;
    margin-bottom: 0px;
}

.person {
	width: 340px;
	/* float: left; */
	margin-left: 0px;
	margin-right:20px;
	margin-top: 5px;
	margin-bottom: 40px;
	text-align: top;
}

.person img {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 10px;
}

/*--------------------------------------------------------------
 People page styling 
--------------------------------------------------------------*/
.staff-two-column {
	column-count: 2;
	column-width: 370px;
	min-width: 620px; 
	column-gap: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 20px;
	vertical-align: top;
}
.staff-two-column  .staff {
	display: block;
	break-inside: avoid; /* KEY to 2nd column formatting right in firefox */
	width: 360px;
	height: 140px;
	min-width: 350px;
	min-height: 120px;
	font-size: 14px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: top;
	vertical-align: top;
}

.staff-two-column .staff img {
	display: block;
	width: 100px;
    max-height: 140px;
	height: auto;
	min-height: 100px;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}


/*--------------------------------------------------------------
 ECTA page styling
 Special styling for https://dasycenter.org/data-system-challenge/ 
--------------------------------------------------------------*/

#ecta .notice {
    background: #fff8e9;
    border: 4px solid #ffe894;
    border-radius: 8px;
    box-shadow: 2px 2px 0 #ddd;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 10px;
    text-shadow: 1px 1px 0 #fff;
}

#ectaStep {
  background: #ddedf7; 
  border: 1px solid #3c7baa; 
  border-radius: 10px; 
  box-shadow: 2px 2px 0 #ddd; 
  color: #4b8ac0;  
  margin-bottom: 5px; 
  margin-top: 10px; padding: 10px; 
  font-size: 21px;
    line-height: 1.6;
}

#ectaStep:hover  {
  background: #FFF8E9; 
  border: 1px solid #FC6520; 
  border-radius: 10px; 
  box-shadow: 2px 2px 0 #ddd; 
  color: #4b8ac0;  
  margin-bottom: 5px; 
  margin-top: 10px; padding: 10px; 
  font-size: 21px;
    line-height: 1.6;
}

/*--------------------------------------------------------------
 PAGE TABS
 The styling for pages like about, state of the states, and the framework 
 pages that have subpages linked by tabs (not using a tabs plugin).  
-------------------------------------------------------------- */

#pageTabs table {
  width: 98%;
  vertical-align: top;
  text-align: center;
  border-collapse: separate;
  border-spacing: 0px;
  z-index: -1 !important; 
}

#pageTabs th {
  text-transform: none;
  font-size: 14px;
  width: 115px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  border: 1px solid #499F39;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  padding: 5px;
  /* background: #f0f0f0; */
  background: #ffffff;
  height: 24px;
}

#pageTabs td {
  border: 1px solid #499F39;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  line-height: 1.6;
  padding: 9px;
  font-weight: 500;
  /* color: #181818; */
  font-size: 13px;
}

#pageTabs .selected {
  	font-weight: 500;
  	/* color:#000000; */
	color: #ffffff;
    background: #154578;
	border: 1px solid #154578;
	border-bottom-style: none !important;
}

#pageTabs a {
  font-weight: 500;
  /* color:#000000; */
}

#pageTabs .selected a {
  font-weight: 500;
  color: #ffffff;
  background: #154578;
  border: 1px solid #154578;
  border-bottom-style: none !important;
}

.biggerTab { 
  font-size: 15px !important;
  line-height: 20px;
  padding-top: 13px !important;
}

/*--------------------------------------------------------------
 STATE OF THE STATES
 Legend and feature tables
--------------------------------------------------------------*/
/* legend for  right side of map; may not use */
.side-legend {
	float: left;
	max-width: 220px;
	font-size: 12px;
	color: #154578;
	text-align: left;
	vertical-align: middle;
	line-height: 1.8;
}
.side-legend img {
	width: 20px;
	height: 20px;
}

/* bottom legend - probably what we'll use */
.sos-bottom-legend {
	column-count: 3;
	color: #154578;
	line-height: 1.6;
	font-weight: 300px;
	font-size: 13px;
	min-width: 920px;
	column-gap: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
}
.sos-bottom-legend img {
	width: 20px;
	height: 20px;
}
/* test list of states */
.sos-states {
	column-count: 4;
	min-width: 600px;
	column-gap: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	font-size: 13px;
	font-weight: 300px;
}

/* icons for yes, no, or missing data in state tables */
/* -webkit-print-color-adjust: forces icons to appear in printing */
.sos-yes {
	padding: 35px;
	background: transparent url(/wp-content/uploads/2021/02/yes-32.png) no-repeat center left; 
	-webkit-print-color-adjust: exact !important;  
    color-adjust: exact !important; 
}
.sos-no {
	padding: 35px;
	background: transparent url(/wp-content/uploads/2021/02/no-32.png) no-repeat center left; 
	-webkit-print-color-adjust: exact !important;  
    color-adjust: exact !important; 
}
.sos-miss {
/*	padding: 35px; */
/*	background: transparent url(/wp-content/uploads/2021/02/missing-32.png) no-repeat center left; */
	-webkit-print-color-adjust: exact !important;   
    color-adjust: exact !important; 
}
.sos-contact {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 14px;
}
.sos-contact:before {
	content: "State Part C or Part B 619 coordinators or data managers may provide information, make a correction, or request a copy of their responses. ";
}
/* Formattig for fature/indicator table styling */
/* not using: green 499F39 or green 009879 */
.feature-table {
    border-collapse: collapse; 
    margin: 25px 0;
	font-size: 15px;
    font-family: sans-serif;
    min-width: 400px;
}
.feature-table thead tr {
    background-color: #499F39;
    color: #ffffff;
    text-align: left;
}
.feature-table th {
	min-width: 80px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 15px;
	text-transform: uppercase;
}
.feature-table td {
	font-size: 15px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 15px;
	min-width: 100px;
	border-top: 1px solid #C0C0C0;

}
.feature-table tbody tr {
    border-bottom: 1px solid #C0C0C0;
}
/* .feature-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
} */
/* 
.feature-table tbody tr:last-of-type {
    border-bottom: 1px solid #009879; 
} */

/*--------------------------------------------------------------
/* TOPIC LIBRARY 
 * Key Topics inventory listing 
/*-------------------------------------------------------------- */
.inventory-topic {
	display: container;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 20px;
	font-size: 14px;
	font-weight: 300px;
}
.inventory-topic h4 {
	border-bottom: 1px solid #000;
	padding: 0 0 4px 0;
    margin: 2px 0 4px 0;
	font-size: 16px;
	font-weight: 500;
    margin-bottom: 0px !important
}

/*--------------------------------------------------------------
 TOOLKITS 
 Vertical Tabs and breadcrumbs, tiles, buttons
--------------------------------------------------------------*/
.entry-content .selected-section {
	color: #154578;
}
.entry-content .breadcrumbs {
	font-weight: 400;
	/* line-height: 1.2; */
	font-size: 14px;
	margin-bottom: 25px;
	margin-top: -15px;
	margin-left: 3px;
	/* color: #154578; */
}
.entry-content .breadcrumbs a {
	font-weight: 500;
}

.entry-content .vertical-tabs {
    width: 180px;
	float: left;
	font-weight: 500;
	color: #154578;
	margin-left: 5px;
	margin-right: 35px;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 8px;
	padding-left: 0px;
	/* gray border is #dcdcdc; blue border is 154578 */
	border-right: 1px solid #dcdcdc; 
	border-bottom: 1px solid #dcdcdc; 
	border-top: 1px solid #dcdcdc; 
}
.entry-content .vertical-tabs:before {
	/* content: "Contents"; */
	align-content: right;
	font-weight: 500;
	font-size: 15px;
	padding-top: 0px;
	margin-left: 0px;
} 
.entry-content .vertical-tabs ul {
	display: block;
	margin-top: 10px;
    list-style: none;
    list-style-type: none;
    margin-left: 0px;
	margin-bottom: 5px;

	/* border-top: 1px solid #dcdcdc; */
}
.entry-content .vertical-tabs ul li {
    clear: right;
	font-size: 14px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 8px;
	list-style: none;
    text-decoration: none;
}
.entry-content .vertical-tabs ul li a {
    display: block;
	font-weight: 500;
	line-height: 1.5;
	/* green is 227532 and blue is 154578 */
	color: #227532;
    width: 100%; 
}
.entry-content .vertical-tabs ul li a:hover {
    display: block;
	color: #227532;
    width: 100%; 
    margin-left:-5px;
	text-decoration: none;
}

.entry-content .vertical-tabs ul li.active {
	/* background-color: #f9fbfd; */
	padding-left: 6px;
	font-weight: 500;
	border-left: 3px solid #154578; 
	margin-left: 0px;
}

.entry-content .vertical-tabs ul li.divider {
	border-bottom:1px solid #dcdcdc;
	line-height:5px;
	content: "     ";
}

/* Tile on each toolkit page */
.toolkit-tile {
	width: 150px;
	height: 150px;
    float: left;
	/* top right bottom left */
	padding: 0px 0px 0px 0px;
	margin: 5px 30px 10px 0px;
	/* border: solid 1px #D0D0D0; */
}
/* tile image looks blurry in chrome. Tried several things, including image-rendering settings, 
 * but it made the image look worse in Firefox. The transform parameter below fixes it on 
 * chrome and doesn't hurt the display in other browsers, yay! See:
 * https://stackoverflow.com/questions/39347200/how-to-prevent-blur-on-image-resize-in-chrome */
.toolkit-tile img {
	transform: translateZ(0);
	width: 150px;
	height: 150px;
}
/* Text content of toolkit. Note that display:table; is critical for
 * content to line up correctly (tried many other things!) */
.toolkit-text {
	display: table;
}
.vertical-tab-text {
	display: table;
	margin-top: 0px;
}

/* PDF cover download image */
.toolkit-download-cover {
	float:right; 
	width:180px; 
	margin-left:30px; 
	margin-right:20px; 
	margin-bottom:10px; 
	margin-top:-10px; 
	font-size:14px; 
	font-weight:400;
}
/* div for buttons that forces line break after. Note that display:table; 
 * is again critical for buttons to be centerable! */
.toolkit-buttons {
	display: table;
  	margin-right: auto;
  	margin-left: auto;
  	justify-content: center;
	margin-bottom: 20px;
	margin-top: 20px;
}

/* inherits from btn-* above */
.btn-toolkit {
	background-color: #499F39;
	border: 1px solid #499F39;
    color: #ffffff;
	width: 160px !important;
	text-align: center;
	font-size: 18px !important;
	margin: 10px 10px 10px 10px;
}
.btn-toolkit a {
	color: #ffffff;
	text-align: center;
	font-size: 18px;
}
.btn-toolkit a:hover {
	background-color: #499F39; 
	text-decoration: underline;
}

/* inherits from btn-* above */
.btn-needhelp {
	background-color: #499F39;
	border: 1px solid #499F39;
    color: #ffffff;
	width: 80px !important;
	text-align: center;
	font-size: 14px !important;
	padding: 8px 35px !important;
	margin: 10px 5px 5px 10px !important;
}
.btn-needhelp a {
	color: #ffffff;
	text-align: center;
	font-size: 14px;
}
.btn-needhelp a:hover {
	background-color: #499F39; 
	text-decoration: underline;
}

/* Green box full width */
.toolkit-tip {
	width: 85%;
    background: transparent url(/wp-content/uploads/2022/02/tip-icon-64.png) no-repeat center left; 
	padding-left: 70px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 0px;
	margin-right: 0px;
	border: solid 1px #39B54A;
	border-radius: 5px 10px 5px 10px;
}

/* For text that you want to make appear to the right of the Read More+ link */
.read-more-about {
	float: right;
	position: absolute;
	margin-left: 95px;
}

/*--------------------------------------------------------------
 Accessibility
 
 Accessible in-page navigation link or "skip link" allows users 
 with disabilities to skip a section of the site as they're tabbing through it
 See https://www.mugo.ca/Blog/Building-an-accessible-website-in-page-navigation
--------------------------------------------------------------*/

.screen-reader-text {
  display:none;
}

.accessibility-link {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    width: 1px;
}


.accessibility-link:focus {
    clip: rect(auto,auto,auto,auto);
    outline-offset: -3px;
    outline: 5px auto -webkit-focus-ring-color;
    outline: thin dotted;
    position: static;
    text-decoration: underline;
}

/*--------------------------------------------------------------
 Contact Form 7 Plugin
--------------------------------------------------------------*/

/* add line breaks for checkboxes */
span.wpcf7-list-item { 
  display: block; 
}

/* Make send button have green background and be all uppercase */
.wpcf7 .wpcf7-submit {
   background-color: #499F39;
   background: #499F39 !important;
   border-bottom: 3px solid #499F39 !important;
   font-size: 16px;
   text-transform: uppercase;
}

/*--------------------------------------------------------------
 Accordion Menu Plugin - for toolkit TOCs (may remove)
--------------------------------------------------------------*/
.accordion-header {
   border: solid 1px #39B54A !important;
	 border-radius: 10px 10px 0px 0px !important;
}
.accordion-content {
   border: solid 1px #39B54A !important;
	 border-radius: 0px 0px 10px 10px !important;
}

.accordion-content a {
  color: #227532 !important;
  font-weight:300;
}

.accordion-content .current-link a {
  color:#000000 !important;
}

.accordion-content hr {
  padding: 0px;
  margin-bottom: 6px;  
	margin-top: 0px;
 }

.accordion-content ul {
	margin-bottom: 4px;
	padding-bottom: 0px;
}

.accordion-content ul li {
	color: black;
  line-height:20px;
}

.accordion-content ul li ul {
	margin-bottom: 2px;
  padding-left: 0px;
  margin-left:0px;
	padding-bottom: 0px;
}

/*--------------------------------------------------------------
 Content Views Plugin

See documentation on how to customize Content View display of events: 
https://docs.contentviewspro.com/show-events-events-manager-plugin/
--------------------------------------------------------------*/
.pt-cv-wrapper .pt-cv-href-thumbnail {
  padding-top:25px !important; 
  border-style:none;
}

.pt-cv-pinterest:not(.pt-cv-no-bb) .pt-cv-pinmas > * {border-bottom: 0px solid rgba(0,0,0,.1); }


.pt-cv-custom-fields {
    display: inline;
    margin-top: 0px;
}
pt-cv-content-item {
    padding-bottom: 0px;
	display: inline-block;
    position: relative;
    overflow: hidden;
}
/*
.pt-cv-wrapper .pt-cv-ifield {
  border: 3px solid #eee !important; 
  padding: 15px 20px 20px 10px;
} */

.pt-cv-wrapper .cvp-responsive-image[style*="background-image"] {
  margin-top:25px !important; 
}

/* Not using anymore: Put slide show arrows on bottom right */
.pt-cv-scrollable .carousel-control {
  bottom: 40px!important;
  top: auto!important;
}

/* Hide Tribe category label on Events gateway page */
.cvp-label {display:none;}

/*--------------------------------------------------------------
 Post Tiles Plugin 
--------------------------------------------------------------*/
ul#post-tiles li a h3 {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
    margin: 0 0 10px;
    text-transform: none;
    target-name:new;
    target-new:tab;
}

/*--------------------------------------------------------------
 Serious Slider Plugin - using for better accessibility
--------------------------------------------------------------*/

/* Put caption lower on bottom view */
.seriousslider-caption-title {
	color:#ffffff;
	margin-top:-10px;
}
.seriousslider-caption-text {
		margin-top:0px;
}
.seriousslider-captionbottom .seriousslider-caption {
	padding: .5em 1em 1em 1em;
}

.seriousslider-caption-text a.glossaryLink{
	color:#ffffff !important;
}

.seriousslider-caption-title a.glossaryLink{
	color:#ffffff !important;
}


/*--------------------------------------------------------------
 Glossary Plugin 
--------------------------------------------------------------*/
.definition {
  background-color: #FFFFFF;
  color: #154578;
  font-weight:700;
  font-style: italic;
}

.glossary {
  border-bottom: 2px solid #666666;
  text-decoration: none;
  color: #666666;
}

.glossary a {
  border-bottom: 2px solid #666666;
  color: #666666;
}

span.glossaryLink, a.glossaryLink {
    border-bottom: 1px dotted;
    text-decoration: none !important;
  	color: #000;
}

/* tooltip overrides - attempt */
/*
#tt {position:absolute; display:block;z-index:1500;}
#tttop {display:block; height:5px; margin: 10px 10px;}
#ttcont {display:block; padding:10px 12px 3px 7px; margin-left:5px; background:#666; color:white}
#ttbot {display:block; height:5px; margin-left:5px;} */

/*--------------------------------------------------------------
 Events Calendar Plugin
--------------------------------------------------------------*/

.single-tribe_events .tribe-events-event-image {
  float:right;
}

.single-tribe_events .tribe-events-cal-links {
  display:none;
}
/* add indent to bulleted list (weird that's not the default) */
.single-tribe_events .tribe-events-content ul li, .tribe-events-content ol li  {
    line-height: 1.2em !important;
    margin: 5px 5px 15px 20px !important;
}

.ecs-event-list { 
  padding:0!important;
  margin:0!important;
}

.ecs-event { 
  /* border-bottom: thin solid #E4E9F4; */
   margin-left:0!important;
   padding:5px;
   list-style-type: none;
}

.ecs-event li { 
  margin-left:0px;
}

/* show data on same line (compact) */
.ecs-event h4 { 
   display:inline;
   margin-right: 5px;
  font-size: 14px;
  font-weight: regular;
}

.ecs-all-events { 
   margin-top: 5px;
   margin-left: 5px;
   font-size:small;
}

/* Home page news */
.homeNewsTitle {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom:4px;
  display: inline;
}

.homeNewsTitle::after {
   content: " ";
/*    content: ": "; */
   display: inline;
}

.homeNewsItem p {
   display: inline;
}

.homeNewsItem li {
  /* border-bottom: thin solid #e4e9f4;  */
  margin-bottom:5px;
  margin-top:15px;
  margin-right:25px;
  margin-left:0px;
  list-style-type:none;
  color:#141414;
}

/* NEW icon to show to the right of selected resources
 * https://dasycenter.org/wp-content/uploads/2022/07/new-32.png
 */

.newicon {
  background: transparent url(/wp-content/uploads/2022/07/new-yellow.png) no-repeat center left; 
  line-height: 32px;
  padding-left: 36px;
}

/*--------------------------------------------------------------
 Catlist Cateogory List Plugin 
 Note: Custom template in buddyboss-child/list-category-posts
 defines template "prettylist", which is a custom version of 
 the plugin's default.php template that loads the image BEFORE
 the title. That allows the thumbnail to float left of both
 the title and excerpt. See   
 https://wordpress.stackexchange.com/questions/43458/trying-to-get-thumbnail-to-appear-before-post
--------------------------------------------------------------*/

/* Remove break between title and excerpt */
.entry-content .lcp_catlist p {
	margin-bottom: 0px !important;
	margin-top: 20px !important;
}
.entry-content .lcp_catlist div  {
	display:inline;
}
.entry-content .lcp_catlist {
	list-style: none;
	margin-left: 0px;
}
.entry-content .lcp_catlist li {
  list-style: none;
  clear: both;
  margin-left: 0;
  margin-top: 10px;
  margin-bottom: 20px;
}
.lcp_catlist li a img {
  float: left;
  display: inline-block;
  width: 60px;
  max-height: 80px;
  border: 1px solid black;
  margin-top: 5px;
  margin-right: 15px;
  margin-bottom: 10px;
  margin-left: 0px;
}
/* Use display:block to add line break.
 * Alternately, could use content: ": " to just have colon and no break
 */
.entry-content .lcp_excerpt::before {
    content: ' ';
    clear: right;
    display: block;
}

/* resource-thumb: in listings, make thumbnails float left
 * NOT USING anymore - 12/14/20 PS
 * CAN DELETE; replaced with above: .lcp_catlist li a img  */
/* .resource-thumb {
  float: left;
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 60px;
  height: 60px;
  border: 1px solid black;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 0px;
} */

/* Try some improved styling 
from https://sundari-webdesign.com/wordpress-the-quest-to-my-perfect-list-view-for-posts-events-and-articles/ 
 */


/*--------------------------------------------------------------
2.0 - RESPONSIVE MEDIA QUERIES (mobile styles)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 - MAXIMUM width of 720 pixels (phones landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 720px) {
/* shrink the sidebar on phone landscape */
  .custom-post-tags {
		width:100px;
	}
	
/* menu text becomes white; need dark background */
  .main-navigation .override {
    	background-color: #313639 !important;
	  	padding-bottom:0px !important;
   }
   .main-navigation ul.nav-menu .override {
    	background-color: #313639 !important;
	   	padding-bottom:0px !important;
   }
	
	.main-navigation ul.nav-menu  {
    background-color: #313639 !important;
	   	padding-bottom:0px !important;
   }
	
   .main-navigation li {
    	background-color: #313639 !important;
	   	   padding-bottom:0px !important;
   }

  /* In small view, hide alert at the top if there is one */
  #title_message {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } 

}/* don't delete this closing bracket */

/*--------------------------------------------------------------
2.2 - MAXIMUM width of 380 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 380px) {
/* hide sidebar on phone portrait - no room, pushed out content */
  .custom-post-tags {
		display:none;
	}
/* menu text becomes white; need dark background */
  .main-navigation .override {
    	background-color: #313639 !important;
	  	padding-bottom:0px !important;
   }

	.main-navigation ul.nav-menu  {
    	background-color: #313639 !important;
	   	padding-bottom:0px !important;
   }
	
   .main-navigation ul.nav-menu .override {
    	background-color: #313639 !important;
	   padding-bottom:0px !important;
   }
	
   .main-navigation li {
    	background-color: #313639 !important;
	   	padding-bottom:0px !important;
   }
	
	

}/* don't delete this closing bracket */

/*--------------------------------------------------------------
2.3 - MINIMUM width of 721 pixels (tablets+)
--------------------------------------------------------------*/
@media screen and (min-width: 721px)  {
 .main-navigation ul li.hover>ul {
   	border-left: 0;
   	display: block;
}

}/* don't delete this closing bracket */

/*--------------------------------------------------------------
2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1040px)  {
}/* don't delete this closing bracket */