/*
Theme Name: eFieldbook Base
Theme URI: extension.org
Author: eXtension
Author URI: extension.org/
Template: twentyseventeen
Description: A theme to display archives as a card gallery
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  /* default color. Kicks in after 12 taxonomies are added */
  --taxonomy0-light:    #f5f5f5;
  --taxonomy0-medium:   #a5a5a5;
  --taxonomy0-dark:     #666;

  /* Indigo */
  --taxonomy1-light:    #e8eaf6;
  --taxonomy1-medium:   #7986cb;
  --taxonomy1-dark:     #3f51b5;

  /* Blue */
  --taxonomy2-light:    #e3f2fd;
  --taxonomy2-medium:   #64b5f6;
  --taxonomy2-dark:     #1e88e5;

  /* Cyan */
  --taxonomy3-light:    #e0f7fa;
  --taxonomy3-medium:   #4dd0e1;
  --taxonomy3-dark:     #0097a7;

  /* Teal */
  --taxonomy4-light:    #e0f2f1;
  --taxonomy4-medium:   #80cbc4;
  --taxonomy4-dark:     #00796b;

  /* Light Green */
  --taxonomy5-light:    #f1f8e9;
  --taxonomy5-medium:   #9ccc65;
  --taxonomy5-dark:     #689f38;

  /* Green */
  --taxonomy6-light:    #e8f5e9;
  --taxonomy6-medium:   #66bb6a;
  --taxonomy6-dark:     #388e3c;

  /* Chartreuse */
  --taxonomy8-light:    #ffe5d9;
  --taxonomy8-medium:   #f77e48;
  --taxonomy8-dark:     #c5643a;

  /* Orange  */
  --taxonomy7-light:    #f7f7e0;
  --taxonomy7-medium:   #c8c500;
  --taxonomy7-dark:     #898700;

  /* Magenta */
  --taxonomy9-light:    #ffe1f3;
  --taxonomy9-medium:   #d662b9;
  --taxonomy9-dark:     #b44782;

  /* Purple */
  --taxonomy10-light:   #ddd2e7;
  --taxonomy10-medium:  #8d55bd;
  --taxonomy10-dark:    #5f258e;

  /* Brick */
  --taxonomy11-light:   #ebd6d7;
  --taxonomy11-medium:  #a85355;
  --taxonomy11-dark:    #933f42;

  /* Gray */
  --taxonomy12-light:   #e9e9e9;
  --taxonomy12-medium:  #9e9e9e;
  --taxonomy12-dark:    #555;
}


#custom_archive h1 {font-size: 1.4em;}
.entry-title {font-size:1.25em !important;}



.wp-custom-header img {
	opacity:0.7;
}
.custom-header-media {
	background-color:#555;
}
.site-branding-text .site-title {
	text-shadow: 0 2px 6px #000000;
	font-family: "Rubik", sans-serif;
	font-weight: 700;
	text-transform: none;
}

.site-description {
	text-shadow: 0 2px 6px #000000;
}
h2.widget-title {
	text-transform: none;
	font-weight: 700;
}


.callout {
	margin: 0px;
	width:100%;
}

.info-card {
    /*box-shadow: 2px 2px 6px #999;*/
    padding: 1em;
    margin: 10px;
    min-width: 200px;
    height: 250px;
    height: auto;
    border: 1px solid #ccc;
    flex: 1;
    flex: 1 0 calc(33.333% - 20px);
}

/*Responsive video wrapper*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#gain_attention {
    background-color: rgb(240, 240, 240);
	line-height: normal;
    display: block;
    color:white;
	margin: 0px;
	margin-bottom:15px;
	width: 100%;
	max-width: none;
}
#gain_attention > div {
	width: 80%;
	max-width: 1100px;
	margin: 0px auto;
	padding: 0.5em;
}
#gain_attention div div h1 {
	font-weight: 700 !important;
	/*color: white !important;
	font-size: 1.2em !important;*/
}
#gain_attention div div p {
	/*color: white !important;
	font-weight: 400 !important;
	font-size: 1em !important;*/
}
@media (max-width: 599px) {
	#gain_attention > div {
		width: 100%;
	}
}


.reflectionArea {
	background: #f9f9f9;
	margin: 1.5em 2.5em 1.5em 2em;
	border: 0; padding: 2em 1.4em 1.5em 1.5em;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 40px;
	margin-inline-end: 40px;
}

blockquote
{
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 40px;
	margin-inline-end: 40px;
}
blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}
blockquote {
	background: #f9f9f9;
	margin: 1.5em 2.5em 1.5em 2em;
	border: 0;
	padding: 2em 1.4em 1.5em 1.5em;
	quotes: "\201C""\201D";
}


.homepage-card {background: #eee;
padding: 1em;
margin: 10px;
width: 45%;
float:left;
}
.homepage-card h3 a {text-decoration:none; box-shadow:none;}
.homepage-card h3 a:hover {text-decoration:none; box-shadow:none;}
.homepage-card ul {padding:0 2em;}

.homepage-card.resource {
  border:2px solid #80cbc4;
  background: #e0f2f1;
  color: #004d40;
}
.homepage-card.resource a {
  color: #004d40;
  color: #00838f;
}

.flex-container {
	display: flex !important;
	flex-flow: row wrap !important;
}
.flex-container .info-card {
	min-width: 400px;
}

.flex-container {
  clear:both;
  padding: 0;
  margin: 0;
  list-style: none;

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

.flex-container .card {
  box-shadow: 2px 2px 6px #999;
  transition: background-color 0.5s ease;
  /* background: #f5f5f5; */
  padding: 1em;
  margin: 10px;
  min-width: 200px;
  height: 250px;
  height: auto;
  border: 1px solid #ccc;
  flex: 1;
  /* 20px is gutter size -- can set to any value */
  flex: 1 0 calc(33.333% - 20px);
  /* max-width: calc(33.333% - 20px); */
}

.resource-category-overview {font-size:1.2em;}
.card-tag-header {margin:0 0 .3em; font-size:1.1em; font-weight:600; text-transform: capitalize;}
.resource-tags {margin:0 0; list-style:none; padding-left:0 !important; line-height:1.85em; overflow: hidden;}

.resource-tag span {background: #999; margin-right:10px; color: #fff; padding:3px 8px; font-size:10pt; border-radius: 10px; white-space: nowrap;}
.resource-tag span a {color:#fff; box-shadow:none !important;}
.resource-tag span a:hover {color:#fff;}
.card h2 {font-size:1.2em; font-weight:600; flex: 1;}
.card p { font-size:.9em;}
.card:hover {
  background:#fff;
  box-shadow: 2px 2px 6px #555;
}
.card:hover h2 {
  font-size:1.2em; color:#006064;
}


.archive-page-title {font-size: 36px;}
.page-title {font-size: 18px;}


.resource-term {font-size:1.4em !important; padding:8px 10px; margin-bottom:1em; color:#fff !important;}
.resource-term a {color:#fff;}

.taxonomy-archive-header {padding:1em; border-left: 20px solid #fff;}
.taxonomy-archive-header h1 {font-size: 28px; margin-bottom:0;}
.taxonomy-archive-header h2 {font-size: 32px; padding:0; margin:0; font-weight: 600;}

.resource-post .post .entry-header {margin-bottom:0 !important;}
.resource-post .post .entry-title {margin-bottom:0;}
.resource-post-tags {margin-bottom:1.35em; padding:.75em 1em 1em; border-left: 4px solid #fff;}
.resource-post-tags li {float:left;}

.single-extension_resource .content-area h2 {color: #333; font-size: 30px; font-weight: 500;}

/* Resource Colors
*******************************************************************************/

/* Taxonomy default (applied after 12 taxonomies)
------------------------------------------------------------------------------*/
.taxonomy-archive-header *,
.card-tag-header {color: var(--taxonomy0-dark);}
.taxonomy-archive-header,
.taxonomy-taxonomy {background: var(--taxonomy0-light); border-color: var(--taxonomy0-medium);}
.resource-tag span {background: var(--taxonomy0-medium);}

/* Taxonomy 1
------------------------------------------------------------------------------*/
.tax-archive-taxonomy1 .taxonomy-archive-header *,
.taxonomy-taxonomy1 .card-tag-header {color: var(--taxonomy1-dark);}
.tax-archive-taxonomy1 .taxonomy-archive-header,
.taxonomy-taxonomy1 {background: var(--taxonomy1-light); border-color: var(--taxonomy1-medium);}
.taxonomy-taxonomy1 .resource-tag span {background: var(--taxonomy1-medium);}

/* Taxonomy 2
------------------------------------------------------------------------------*/
.tax-archive-taxonomy2 .taxonomy-archive-header *,
.taxonomy-taxonomy2 .card-tag-header {color: var(--taxonomy2-dark);}
.tax-archive-taxonomy2 .taxonomy-archive-header,
.taxonomy-taxonomy2 {background: var(--taxonomy2-light); border-color: var(--taxonomy2-medium);}
.taxonomy-taxonomy2 .resource-tag span {background: var(--taxonomy2-medium);}

/* Taxonomy 3
------------------------------------------------------------------------------*/
.tax-archive-taxonomy3 .taxonomy-archive-header *,
.taxonomy-taxonomy3 .card-tag-header {color: var(--taxonomy3-dark);}
.tax-archive-taxonomy3 .taxonomy-archive-header,
.taxonomy-taxonomy3 {background: var(--taxonomy3-light); border-color: var(--taxonomy3-medium);}
.taxonomy-taxonomy3 .resource-tag span {background: var(--taxonomy3-medium);}

/* Taxonomy 4
------------------------------------------------------------------------------*/
.tax-archive-taxonomy4 .taxonomy-archive-header *,
.taxonomy-taxonomy4 .card-tag-header {color: var(--taxonomy4-dark);}
.tax-archive-taxonomy4 .taxonomy-archive-header,
.taxonomy-taxonomy4 {background: var(--taxonomy4-light); border-color: var(--taxonomy4-medium);}
.taxonomy-taxonomy4 .resource-tag span {background: var(--taxonomy4-medium);}

/* Taxonomy 5
------------------------------------------------------------------------------*/
.tax-archive-taxonomy5 .taxonomy-archive-header *,
.taxonomy-taxonomy5 .card-tag-header {color: var(--taxonomy5-dark);}
.tax-archive-taxonomy5 .taxonomy-archive-header,
.taxonomy-taxonomy5 {background: var(--taxonomy5-light); border-color: var(--taxonomy5-medium);}
.taxonomy-taxonomy5 .resource-tag span {background: var(--taxonomy5-medium);}

/* Taxonomy 6
------------------------------------------------------------------------------*/
.tax-archive-taxonomy6 .taxonomy-archive-header *,
.taxonomy-taxonomy6 .card-tag-header {color: var(--taxonomy6-dark);}
.tax-archive-taxonomy6 .taxonomy-archive-header,
.taxonomy-taxonomy6 {background: var(--taxonomy6-light); border-color: var(--taxonomy6-medium);}
.taxonomy-taxonomy6 .resource-tag span {background: var(--taxonomy6-medium);}

/* Taxonomy 7
------------------------------------------------------------------------------*/
.tax-archive-taxonomy7 .taxonomy-archive-header *,
.taxonomy-taxonomy7 .card-tag-header {color: var(--taxonomy7-dark);}
.tax-archive-taxonomy7 .taxonomy-archive-header,
.taxonomy-taxonomy7 {background: var(--taxonomy7-light); border-color: var(--taxonomy7-medium);}
.taxonomy-taxonomy7 .resource-tag span {background: var(--taxonomy7-medium);}

/* Taxonomy 8
------------------------------------------------------------------------------*/
.tax-archive-taxonomy8 .taxonomy-archive-header *,
.taxonomy-taxonomy8 .card-tag-header {color: var(--taxonomy8-dark);}
.tax-archive-taxonomy8 .taxonomy-archive-header,
.taxonomy-taxonomy8 {background: var(--taxonomy8-light); border-color: var(--taxonomy8-medium);}
.taxonomy-taxonomy8 .resource-tag span {background: var(--taxonomy8-medium);}

/* Taxonomy 9
------------------------------------------------------------------------------*/
.tax-archive-taxonomy9 .taxonomy-archive-header *,
.taxonomy-taxonomy9 .card-tag-header {color: var(--taxonomy9-dark);}
.tax-archive-taxonomy9 .taxonomy-archive-header,
.taxonomy-taxonomy9 {background: var(--taxonomy9-light); border-color: var(--taxonomy9-medium);}
.taxonomy-taxonomy9 .resource-tag span {background: var(--taxonomy9-medium);}

/* Taxonomy 10
------------------------------------------------------------------------------*/
.tax-archive-taxonomy10 .taxonomy-archive-header *,
.taxonomy-taxonomy10 .card-tag-header {color: var(--taxonomy10-dark);}
.tax-archive-taxonomy10 .taxonomy-archive-header,
.taxonomy-taxonomy10 {background: var(--taxonomy10-light); border-color: var(--taxonomy10-medium);}
.taxonomy-taxonomy10 .resource-tag span {background: var(--taxonomy10-medium);}

/* Taxonomy 11
------------------------------------------------------------------------------*/
.tax-archive-taxonomy11 .taxonomy-archive-header *,
.taxonomy-taxonomy11 .card-tag-header {color: var(--taxonomy11-dark);}
.tax-archive-taxonomy11 .taxonomy-archive-header,
.taxonomy-taxonomy11 {background: var(--taxonomy11-light); border-color: var(--taxonomy11-medium);}
.taxonomy-taxonomy11 .resource-tag span {background: var(--taxonomy11-medium);}

/* Taxonomy 12
------------------------------------------------------------------------------*/
.tax-archive-taxonomy12 .taxonomy-archive-header *,
.taxonomy-taxonomy12 .card-tag-header {color: var(--taxonomy12-dark);}
.tax-archive-taxonomy12 .taxonomy-archive-header,
.taxonomy-taxonomy12 {background: var(--taxonomy12-light); border-color: var(--taxonomy12-medium);}
.taxonomy-taxonomy12 .resource-tag span {background: var(--taxonomy12-medium);}



.card-fact-sheet {background: #f3e5f5 !important; border: 1px solid #e1bee7 !important;}
.card-fact-sheet h2 {color: #6a1b9a !important;}


.homepage-card.resource.card-research_articles_reports_and_datasets {
  background: #fff3e0;
  border:2px solid #ffcc80 !important;
}
.homepage-card.resource.card-research_articles_reports_and_datasets a {color: #f57c00 !important;}
.card-research-article-or-report {background: #fff3e0 !important; border: 1px solid #ffcc80 !important;}
.card-research-article-or-report h2 {color: #e65100 !important;}
.card-research-article-or-report .resource-tag span {background: #fb8c00;}
.resource-count.research-article-or-report {color: #f57c00;}



.entry-content ul {padding-left: 2em;}

.homepage-card.resource.card-resource_repositories_and_websites {
  background: #e3f2fd;
  border:2px solid #90caf9 !important;
}
.homepage-card.resource.card-resource_repositories_and_websites a {color: #1565c0 !important;}


#custom_archive .taxonomy-title {font-size:2em !important; font-weight:500;}

/* posts */
.post .entry-title {font-size:2em !important;}

.site-content {padding-top:0 !important;}
.site-content .wrap {padding-top: 2em !important;}
.entry-header {margin-bottom: 1em !important;}

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

#header-branding-widget-wrapper {
  background: #fff;
  position:relative;
  margin-left:-2em;
  margin-right:-2em;
}
#header-branding-widget {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color:#fff; position:relative;
  margin: 0 auto;
}
.header-branding-item {
  flex: 0;
  margin: 0 10px;
  align-self: center;
  text-align:center;
}
.widget_search {flex: 0 0 90%;}
.header-branding-item img {max-width:150px !important;}

.navigation-top .wrap {max-width:85%}
#primary {width: 100%; float:left; max-width:none !important;}
#secondary {width: 100%; float:right;}

@media screen and (min-width: 30em) {
  .page-one-column .panel-content .wrap {
      max-width: 1000px;
  }
  .header-branding-item img {max-width:200px !important;}
}

@media screen and (min-width: 48em) {
  .content-wrap {max-width: 95%; }
  .header-branding-item img {max-width:200px !important;}
}
@media screen and (min-width: 60em) {
  .header-branding-item {
    flex: 1;
    margin: 10px;
    align-self: center;
    text-align:center;
    min-width:200px;
  }
  #header-branding-widget-wrapper {float:right; width: 28%;
    margin-left: auto; margin-right: auto;
  }
  .header-branding-item img {max-width: none !important; width: 90%;}
  #primary {width: 69% !important;}
  #secondary {width: 28% !important;}
}
@media screen and (min-width: 70em) {
  .extension_resource-body {width: 50% !important; float: left; }
  .extension_resource-terms {width: 45% !important; float: right; }
}
@media screen and (min-width: 90em) {
  .content-wrap {max-width: 90%; }
  #primary {width: 69% !important;}
  #secondary {width: 28% !important;}
}

/*
     FILE ARCHIVED ON 16:54:28 Jan 05, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:33:02 Oct 21, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 112.448
  exclusion.robots: 0.074
  exclusion.robots.policy: 0.066
  cdx.remote: 0.051
  esindex: 0.009
  LoadShardBlock: 83.246 (3)
  PetaboxLoader3.datanode: 112.859 (5)
  load_resource: 1372.548 (2)
  PetaboxLoader3.resolve: 1211.798 (2)
*/