/* Add-on styles for 2Gen Resource Library */



/* For 2gen Resources Landing Page */

.remove-padding {
    margin-top: -4rem!important;
}
.twogen-landing-search {
margin-top:-32px;
border:1px solid #999;
}
.twogen-landing-search .wp-block-search__input {
border: 0px;
}
.no-margin {
  margin: 0px !important;
  min-width:100% !important;
}
/* a.2gen-approach-link:hover {
  text-decoration: underline !important;
} */
a[class="2gen-approach-link"]:hover {
  text-decoration: underline !important;
}
.topic-columns figure {
  text-align:center;
}
.topic-columns img {
  transition: max-width .2s;
}
.topic-columns img:hover {
  max-width:110%;
}

.foundational-resources {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.foundational-resources .posts__item {
  border: 2px solid #8cbb3f;
}


/* For Interactive Circle */

.circle-icon-title {
  display:none;
}

.circle-icon-inner img {
  transition: all .5s;
}
.circle-icon-inner:hover img, .active .circle-icon-inner img {
  transform: scale(1.2) !important;
  transition: all .5s;
}

.tpgb-circle-content-wrap {
  transition: all .5s;
}
.circle-content-desc {
  max-width:320px;
  transition: all .5s;
}
.tpgb-circle-icon-wrap:hover, .active .tpgb-circle-icon-wrap {
  border: none !important;
}
.active .tpgb-circle-icon-wrap {
width:160px !important;
height:160px !important;
}

@media(max-width:1024px) {
  .tpgb-ia-circle-info {
    display:none;
  }
}



/* For 2gen Resource Library Page */

.entry-content > .wp-block-group.alignfull.has-background.resource-search-bar {
  padding: 1rem !important;
}

.resource-search-bar input.facetwp-search {
  background-color: #fff;
  padding-right:120px;
}

.resource-search-bar .facetwp-icon {
  opacity:1;
}

.resource-search-bar .facetwp-icon:before {
  transition:200ms color ease-in;
  color:#2EA3F2;
  background:none;
  content:'SEARCH';
  display: flex;
  padding: 10px 30px 10px 30px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  width:auto;
  text-align: center;
  font-family: Bebas Neue;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  animation:none !important;
}

.resource-search-bar .facetwp-icon:hover:before {
  color:#11354E;
}

.read-more { display: none; }

.facetwp-template {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap:30px;
  margin-top: 0px;
}

@media(max-width:781px) {
  /* Search Bar */
  .facetwp-template {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: 3rem 0;
  }
}

.facetwp-template .fwpl-result {
  padding: 0px !important;
}

.resource-post_thumbail {
  max-width:200px;
  padding-right:10px;
}

.el-xe13g9 {
  padding-top: 10px;
  padding-bottom: 10px;
}


.facetwp-selections .facetwp-selection-value {
	background-color: #ababab;
	font-size: 14px;
	font-weight: 900;
	line-height: 24px;
	color: #fff;
	text-decoration: none;
	padding: 0 10px;
	border-radius: 6px;
        margin-bottom: 6px;
        padding-right:20px !important;
        background-position: right 4px center !important;
}

.facetwp-facet-topics .facetwp-checkbox span.facetwp-display-value::before {
  content: '';
  color: #3a3a3a;
  display: inline-block;
  border-radius: 50%;
  width:20px;
  height:20px;
	color: #fff;
	text-decoration: none;
	padding: 0 10px;
  margin-right: 6px;
  margin-bottom: -3px;
}

.facetwp-checkbox[data-value="postsecondary-employment-pathways"] span.facetwp-display-value::before {
  background-color: #f28e1e;
}

.facetwp-checkbox[data-value="early-childhood-development"] span.facetwp-display-value::before {
  background-color: #f4e601;
}
.facetwp-checkbox[data-value="economic-assets"] span.facetwp-display-value::before {
  background-color: #00497b;
}
.facetwp-checkbox[data-value="health-well-being"] span.facetwp-display-value::before {
  background-color: #007dba;
}
.facetwp-checkbox[data-value="social-capital"] span.facetwp-display-value::before {
  background-color: #6e398b;
}
.facetwp-checkbox[data-value="k-12"] span.facetwp-display-value::before {
  background-color: #8dbb27;
}

.filter-column {
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(17, 53, 78, 0.15);
  padding: 25px;
}

.filter-column .wp-block-heading {
  display:inline-block;
  line-height:28px;
  color: #0077c8;
}
.filter-column h4 {
  font-size: 24px;
}

.filter-column .facetwp-display-value {
  font-family: Avenir Next;
  font-size: 16px;
}
.filter-column .facetwp-checkbox {
  background-position: top 6px left;
}

.sort-component {
  gap:0;
}

.sort-component p {
  color: #0077C8;
  font-family: Avenir Next;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.5px;
}

.sort-component .facetwp-facet-sort_resources {
  text-align: right;
  margin-top:0;
  position: relative;
  }

.sort-component .fs-wrap {
  text-align:right;
  position:absolute;
  right:0;
}

.sort-component .fs-label-wrap {
  border: 0px;
  background:none;
}

.sort-component .fs-label {
  display: none;
}

.sort-component .facetwp-facet-sort_resources {
  margin:0;
}

.sort-component .fs-arrow {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 18 12" fill="none"><path d="M0 12V10H6V12H0ZM0 7V5H12V7H0ZM0 2V0H18V2H0Z" fill="%230077C8"/></svg>') center no-repeat;
  display: inline-block;
  width: 18px;
  height: 12px;
  border:0;
  cursor:pointer;
  transform:none;
  transition:200ms color linear;
  margin-right:14px;
  margin-bottom: -2px;
  position:static;
}

@media(max-width:781px) {
  .sort-component .wp-block-column.is-layout-flow, .filter-heading-component .wp-block-column.is-layout-flow {
    flex-basis: 45% !important;
    flex-grow: 0;
  }
}

.sort-component .fs-open .fs-arrow {
  transform: none;
}

.sort-component .fs-dropdown {
  margin-top: 10px;
  margin-left: -10px;
}


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  font-size: 12px;
  border: 1px solid #ccc;
  border-radius: 50%; 
  width: 20px;
  height: 20px;
  text-align: center;
  line-height:20px;
  margin-left:5px;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  text-align: left;
  padding: 10px 12px 12px 12px;
  font-size: 14px;

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.resource-card .posts__content {
  padding: 24px 0 0 0 ;
}

.ast-single-post .entry-content a.facetwp-toggle {
  text-decoration: none;
  font-size: 16px;
}

.ast-single-post .entry-content a.facetwp-toggle:hover {
  text-decoration: underline;
}

.facetwp-input-wrap {
  width:100%;
}
input.facetwp-search {
  background-color: #fff;
  border: 1px solid #d8d8d8;
}

.facetwp-facet-sort_resources .fs-wrap {
  width: 100%;
}
.facetwp-facet-sort_resources select {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  width: inherit;
}
.resource-selections .facetwp-selections .facetwp-selection-label {
  display: none;
}

.resource-selections .facetwp-selections ul li {
  padding-bottom:0px;
}

.resource-selections p.selections-label {
  margin-left: 1em;
  margin-bottom: .5em;
  font-size: 18px;
  font-family: Bebas Neue,Helvetica,Arial,sans-serif;
}


/* resource pagination */
.page-slug-resource-library .entry-content .facetwp-pager {
  display:flex;
  gap:16px;
  margin: 0 auto 100px;
  justify-content: center;
}

.page-slug-resource-library .entry-content .facetwp-pager a {
  width: 48px;
  height: 48px;
  padding: 12px;
  display:inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #BDBDBD;
  border-radius: 6px;
  text-decoration: none;
  color:#BDBDBD;
  fill:#BDBDBD;
  font-size:16px;
  font-weight: 700;
  transition:200ms all linear;
  text-align: center;
  margin:0;
  white-space: nowrap;
}

.page-slug-resource-library .entry-content .facetwp-pager a.active, .page-slug-resource-library .entry-content .facetwp-pager a:hover {
  color:#fff;
  fill:#fff;
  background:#0077C8;
}

.page-slug-resource-library .entry-content .facetwp-pager a svg {
  width:7px;
}

.page-slug-resource-library .entry-content .facetwp-pager a.dots {
  pointer-events: none;
  border-color:transparent;
  color:#BDBDBD;
}

@media(max-width:781px) {
  .page-slug-resource-library .entry-content .facetwp-pager {
    gap:12px;
  }
  
  .page-slug-resource-library .entry-content .facetwp-pager a {
    width:36px;
    height:36px;
    padding:9px;
    font-size:12px;
  }
}


/* Clear All */
.filter-resources-clear .filter-column .wp-block-heading {
  line-height: 1.02;
}

.filter-resources-clear .wp-block-column {
  flex-basis:fit-content !important;
  flex-grow: 1 !important;
}

.filter-resources-clear .wp-block-column:last-of-type {
  text-align: right;
}

.filter-resources-clear .wp-block-column:last-of-type a.facetwp-reset.facetwp-hide-empty {
  color: #3A3A3A;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Avenir Next,Helvetica,Arial,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
}

.filter-resources-clear .wp-block-column:last-of-type a.facetwp-reset.facetwp-hide-empty:after {
  margin-left: 8px;
  position: relative;
  top: 3px;
  content: '';
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3.99998 12.6667C3.99998 13.0203 4.14046 13.3594 4.3905 13.6095C4.64055 13.8595 4.97969 14 5.33331 14H10.6666C11.0203 14 11.3594 13.8595 11.6095 13.6095C11.8595 13.3594 12 13.0203 12 12.6667V4.66667H3.99998V12.6667ZM5.33331 6H10.6666V12.6667H5.33331V6ZM10.3333 2.66667L9.66665 2H6.33331L5.66665 2.66667H3.33331V4H12.6666V2.66667H10.3333Z" fill="%233A3A3A"/></svg>') center no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
}

@media(max-width:781px) {
  /* Search Bar */
  .resource-search-bar input.facetwp-search {
  padding-right:100px;
  }

  .resource-search-bar .facetwp-icon:before {
    padding: 10px 20px 10px 20px;
  }


  /* "Clear All" text */
  .filter-resources-clear .wp-block-column:last-of-type a.facetwp-reset.facetwp-hide-empty {
    font-size: 12px;
    position: relative;
    top: -2px;
  }
}




/* For 2gen Resource Card Template */

.resource-card {
	position: relative;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(17, 53, 78, 0.15);
}

.resource-card .posts__item {
  padding: 18px;
  overflow: hidden;
	min-height: 100%;
  box-shadow:none;
}
	
.ast-single-post .resource-card .posts__title {
  margin-top:10px;
}

.ast-single-post .resource-card .posts__title a {
  overflow: hidden;
  color: #11354E;
  text-transform:none;
  font-feature-settings: 'clig' off, 'liga' off;
  text-overflow: ellipsis;
  /* H3 */
  font-family: 'Bebas Neue';
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 112.5% */
}

.resource-card .posts__title a:hover {
	color: #2ea3f2;
}

.resource-image-wrapper {
  border-radius: 12px;
  background: #11354E;
}

.resource-image-container {
	background-color: transparent;
	height: 263px;
	line-height: 263px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.resource-card .posts__button a {
	text-transform: none;
	color: #8cbb3f;
}

.resource-card .posts__button a:hover {
	color: #2ea3f2;
}

.resource-card .posts__item img {
	margin: 20px auto;
	max-height: 100%;
	vertical-align: middle;
}

.resource-card a.resource-topic {
	background-color: #8cbb3f;
	border-radius: 50%;
  width:20px;
  height:20px;
	color: #fff;
	text-decoration: none;
	padding: 0 10px;
  display: inline-block;
}

.resource-card a.resource-topic:hover {
  width: 22px;
  height: 22px;
  text-decoration: underline;
}

.resource-card .resource-topic.early-childhood-development {
	background-color: #f4e601;
	color: #3a3a3a;
}
.resource-card .resource-topic.postsecondary-employment-pathways {
	background-color: #f28e1e;
}
.resource-card .resource-topic.economic-assets {
	background-color: #00497b;
}
.resource-card .resource-topic.health-well-being {
	background-color: #007dba;
}
.resource-card .resource-topic.social-capital {
	background-color: #6e398b;
}
.resource-card .resource-topic.k-12 {
	background-color: #8dbb27;
}

.resource-card .resource-date {
	font-size: 14px;
	color: #666;
  text-align: right;
  display: inline-block;
  float: right;
}






/* For Resource Single Post */


.resource {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1240px !important;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

@media(max-width:781px) {
  /* Search Bar */
  .resource {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    padding: 3rem 2rem;
  }
  .library-return {
    padding-left: 2rem !important;
  }
}

.resource h1 {
  font-size: 2.555556rem;
}

.resource-author img {
width: 40px;
border-radius: 50%;
display: inline;
}

.resource i {
padding-left: 3px;
padding-right: 3px;
}

.resource .list-inline {
display: inline-block;
}
.resource .mailing-list-signup {
display: inline-block;
float:right;
}
.resource .mailing-list-signup a {
text-decoration: none;
}
.resource .mailing-list-signup a:hover {
text-decoration: underline;
}

.library-return {
display: block;
width: 100%;
text-align: left;
font-weight: 900;
max-width: 1240px !important;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.library-return i {
padding-right:5px;
}
.ast-single-post .entry-content .library-return a {
text-decoration: none;
}
.ast-single-post .entry-content .library-return a:hover {
text-decoration: underline;
}

.resource .resource-terms {
margin-top:10px; 
border-top:1px solid #ccc; 
padding-top: 10px;
}

.resource .resource-body .resource-terms a {
  display: inline-block;
  background-color: #8cbb3f;
  font-size: 14px;
  font-weight: 900;
  line-height: 24px;
  color: #fff;
  text-decoration: none;
  padding: 0 10px;
  border-radius: 6px;
  margin-bottom: 6px;
  pointer-events: auto;
}

.resource .resource-body .resource-terms a:hover {
  background-color: var(--ast-global-color-1);
  border-color: var(--ast-global-color-1);
}

.resource .resource-body .resource-terms a.early-childhood-education-and-development {
background-color: #f4e601;
color: #3a3a3a;
}
.resource .resource-body .resource-terms a.post-secondary-and-employment-pathways {
background-color: #f28e1e;
}
.resource .resource-body .resource-terms a.economic-assets {
background-color: #00497b;
}
.resource .resource-body .resource-terms a.physical-and-mental-health {
background-color: #007dba;
}
.resource .resource-body .resource-terms a.social-capital {
background-color: #6e398b;
}
.resource-terms a.k-12 {
background-color: #8dbb27;
}