/**
 * @file
 * css #3, area and media specific styles
 * NCRTM Ed specific site styling CSS, such as blocks and views. General content styling (e.g. h1, h2, p) found in style.css.
 * Blue tile css is in the dif css file
 */

main {
  padding: 1em;
}
.region-content {
  padding: 0 1rem;
}
.region-content ul {
  list-style: disc;
  margin-left: 2em;
}
.region-content ol {
  list-style: auto;
  margin-left: 2em;
}
/** Site section styling **/

/* gray top bar [secondary menu] */
.global-utils {
  background-color: #d9d9db;
  font-size: 0.875em;
}
.region-secondary-menu a {
	  color:#030a13 !important;
	}
	.region-secondary-menu a:hover,
	.region-secondary-menu a:focus {
    text-decoration:underline;
	}
	.region-secondary-menu a:visited {
		  color: #222;
		}

/* put navigation items in a horizontal row */
.navbar-nav {
  flex-direction: row !important;
}
.navbar-nav .nav-link {
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
}
/** Navigation Bar **/
nav.bg-dark {
    background-color: #12286c !important;
    color:#FFF;
    padding: 0;
}
div.region-nav-main {
  display:block;
  text-align: center;
  margin: 0 auto;
  padding: 0 1em;
}
.region-nav-main li {
  border-right: thin solid #FFF;
}
.region-nav-main li:first-of-type {
  border-left: thin solid #FFF;
}
.region-nav-main li:last-of-type {
  border-right: thin solid #FFF;
}
.region-nav-main a {
  color: #fff;
  background-color: #115ca7;
	padding: 0.4em 1em;
}
.region-nav-main a:hover,
.region-nav-main a:focus {
  color: #F6F0F0 !important;
  background: #104C97 !important;
  }
  .region-nav-main a:active,
  .region-nav-main a.is-active {
    color: #104C97 !important;
    background: #FFF !important;
    }
.region-nav-main .dropdown li {
  border: none;
}
.region-nav-main .dropdown li a {
  font-size:0.9em;
}
@media(max-width:1100px) {
  div.region-nav-main {
    padding: 0 0.5em;
  }
  .region-nav-main a {
    font-size: 0.9em;
  }
}

/* Add to Any Blocks */
.block-addtoany {
  line-height:2em;
  margin:1em 0;
  align-content: center;
}
.block-addtoany h2 {
  display: inline-block;
  margin-block-start: 0em;
  margin: auto 0.5em auto 0;
  font-size: 1em;
  float: left;
  padding-top: 0.5em;
}
.block-addtoany img {
  vertical-align: text-top;
}

/** Breadcrumbs **/

.breadcrumb {
  list-style: none;
  padding: 0 1em 0.5em 0;
  margin-bottom: 0;
  background:none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.875em;
}
.breadcrumb a {
  color: #333;
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.breadcrumb>li+li:before {
  padding: 0 2px;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #666;
  content: var(--bs-breadcrumb-divider, "\BB");
}

/* pagination (too lazy to recompile for this one item) */
.pagination {
  --bs-pagination-color: #115ca7;
  --bs-pagination-border-radius: 0;
  --bs-pagination-hover-color: #115ca7;
  --bs-pagination-active-bg: #1f5c99;
  --bs-pagination-active-border-color: #1f5c99;
}

/** Section and Aside Blocks
* @media screen and (min-width: 768px)
 **/
.sidebar .section {
  padding: 10px 0;
}
.block-facets h2,
.sidebar h2 {
	font-size: 1.125em;
  margin: 0 0 0.7em 0;
  padding: 0;
  border-bottom: none;
  /* line-height: 1.1; */
  color:  #0D6700;
}
.sidebar h3 {
  font-size: 1.1em;
  color:#0D6700;
}
.form-item-search-api-fulltext label {
  font-size: 1.125em;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 500;
  color: #0D6700;
}
div.region-sidebar-first {
  border-right: 1px #ccc solid;
  padding-right: 1em;
}
div.region-sidebar-second {
  border-left: 1px #ccc solid;
  padding-left: 1em;
}
	div.region-sidebar-first section,
	div.region-sidebar-second section,
	div.region-sidebar-first .block,
	div.region-sidebar-second .block {
	  border:none;
	  padding:1em 1em 0 1em;
	}
	div.region-sidebar-first a,
  div.region-sidebar-second a {
		text-decoration:none;
    line-height: 1.2em;
	}
	div.region-sidebar-first a:hover,
  div.region-sidebar-first a:focus,
  div.region-sidebar-second a:hover,
	div.region-sidebar-second a:focus {
		text-decoration:underline;
}
/**
span.facet-item__value {
	text-decoration:none;
	color: #115ca7;
}
span.facet-item__value:visited {
  text-decoration:underline;
  color: #7e5d8e;
}
span.facet-item__value:hover,
span.facet-item__value:focus {
  color: #0a3661;
}
**/
.region-sidebar-second ul {
    list-style: disc;
    margin-left: inherit;
  }
	/* .path-frontpage #views-exposed-form-ncrtm-library-page-1 .button, */
	#views-exposed-form-ncrtm-library-page-1 .button,
	#views-exposed-form-rsa-resources-page-1 .button,
	#views-exposed-form-trainings-and-events-page-1 .button,
	.region-sidebar-first .button,
  .region-sidebar-second .button,
  .region-content .button {
		color: #fff;
    background: #0D6700;
	  border: 1px solid #0D6700;
		border-right-color: #004700c;
		border-bottom-color: #004700;
		border-left-color:#003700;
    margin: 0 1em 0 0;
    --bs-btn-border-radius: 0.375rem;
    border-radius:0.375rem;
 	}
		/*
		.path-frontpage #views-exposed-form-ncrtm-library-page-1 .button:focus,
		.path-frontpage #views-exposed-form-ncrtm-library-page-1 .button:hover,
		*/
		#views-exposed-form-ncrtm-library-page-1 .button:focus,
		#views-exposed-form-ncrtm-library-page-1 .button:hover,
		#views-exposed-form-rsa-resources-page-1 .button:focus,
		#views-exposed-form-rsa-resources-page-1 .button:hover,
		#views-exposed-form-trainings-and-events-page-1 .button:focus,
		#views-exposed-form-trainings-and-events-page-1 .button:hover,
		.region-sidebar-first .button:hover,
    .region-sidebar-first .button:focus,
    .region-sidebar-second .button:hover,
		.region-sidebar-second .button:focus,
    .region-content .button:hover,
    .region-content .button:focus {
			color: #fff;
      background-color: #004700;
		}
		.facet-summary-item--clear > a {
      color: #fff !important;
      background: #0D6700 !important;
      background-color: #0D6700 !important;
  	  border: 1px solid #0D6700;
  		border-right-color: #004700c;
  		border-bottom-color: #004700;
  		border-left-color:#003700;
    }
		.facet-summary-item--clear a:hover,
		.facet-summary-item--clear a:focus {
			color: #fff !important;
      background-color: #004700 !important;
      text-decoration: none !important;
		}
		.form-item-items-per-page {
      margin: 0.5em 0 !important;
      clear: both;
    }
    .region-content .form-item-items-per-page {
      visibility: hidden;
      display: none;
    }
    .form-item-items-per-page select {
      width:unset;
    }
/* search forms in main content area */
.region-content>.views-exposed-form {
  margin: 0 auto 1em auto;
  width: fit-content;
  display: block;
  padding: 1em;
  background-color: #F3FAEF; /*#f9ffff;*/
  border: #333 solid thin;
  align-content: center;
}
.path-frontpage #views-exposed-form-ncrtm-library-page-1 div.form--inline,
.path-frontpage #views-exposed-form-ncrtm-library-page-1 .js-form-type-textfield {
  display:flex;
  align-items:center;
}
.path-frontpage .form-item-search-api-fulltext label {
  text-wrap: nowrap;
  padding: 0 0.5em 0 0;
}
.path-frontpage #views-exposed-form-ncrtm-library-page-1 .button,
#views-exposed-form-rsa-resources-page-1 .button,
#views-exposed-form-trainings-and-events-page-1 .button {
    margin: 0 0.5em;
}
/* commented out when trying to put form on single line for bs5
.region-content>.views-exposed-form input {
  margin: 0 1em;
}
.region-content>.views-exposed-form .form—inline .form-actions {
  clear: none;
  display: inline-block;
}
*/
.region-content ul.nav-tabs,
ul.pagination {
  list-style: none;
  margin-left: 0;
}
/* breakpoint to hide sidebar/facets/facet disclaimer and show search boxes in the content area */
@media (min-width: 768px) {
    .path-library .region-content>.views-exposed-form,
    .path-rsa-resources .region-content>.views-exposed-form,
    .path-events .region-content>.views-exposed-form {
      visibility: hidden;
      display: none;
    }
  }
  @media (max-width: 767px) {
   div#filter_disclaimer,
   div#sidebar-first {
    visibility: hidden;
    display: none;
  }
  .region-content>.views-exposed-form input {
    margin: 0;
  }
}

/** Footer **/

.footer {
  background: #FFF;
  color: #030a13;
  padding:2em 1em 1.875em;
}
nav#block-ncrtm-b5-footer {
  margin:0 auto 1em auto;
}
  .region-footer {
    text-align: center;
    border-top: 1px #555 solid;
    margin: 2em auto;
    font-size: 0.75em;
    padding: 1em;
    }
    .region-footer ul.menu {
      display: inline-block;
      margin: 0;
      padding: 0;
    }
    .region-footer ul.menu li {
      float:left;
    }
    .region-footer a {
      color:#030a13 !important;
      text-decoration: underline;
  	}
    .region-footer a:hover,
    .region-footer a:focus {
      text-decoration: none;
      background-color: #eee;
    }
    .region-footer a:visited {
      color: #333;
    }

/** Facets **/
li.facet-summary-item--clear {
	margin-bottom: 0.5em;
	margin-left: -0.5em;
	list-style: none;
}
	.facet-summary-item--clear a {
		padding: 0.25em 1.063em;
		cursor: pointer;
		text-align: center;
		color: #3a3a3a;
		border: 1px solid #e4e4e4;
		border-right-color: #d2d2d2;
		border-bottom-color: #b4b4b4;
		border-left-color: #d2d2d2;
		border-radius: 1em;
		background-color: #fff;
		background-image: -webkit-linear-gradient(top,#f3f3f3,#e8e8e8);
		background-image: linear-gradient(to bottom,#f3f3f3,#e8e8e8);
		text-decoration:none;
	}
		.facet-summary-item--clear a:hover,
		.facet-summary-item--clear a:focus {
			color: #5a5a5a;
			background: #dedede;
		}
.block-facets-summary li {
	list-style:none;
}

.views-label {
	font-weight: bold;
}

.views-view-grid .views-row {
  float: left;
  clear: both;
  width: 100%;
}
@media screen and (min-width:768px) {
  .views-view-grid.horizontal .views-row {
    margin: 0;
    padding: 0 0 15px 0;
    border-bottom:none;
    /* border-bottom: 1px #ccc solid; */
  }
}
/** Specific Views **/

/** Home Page (search form is styled above along with sidebars) **/

/* front page layout */
.path-frontpage .region-content,
.views-display-id-page-1 {
  text-align: center;
  margin: 0 auto;
}
.path-frontpage .views-view-responsive-grid.views-view-responsive-grid--horizontal {
  max-width: 1020px;
  margin: 0 auto;
}

.views-view-responsive-grid__item {
  max-width:220px;
  margin: 0 auto;
}
.views-display-id-page-1 .views-view-responsive-grid__item-inner {
  margin: 0 auto;
  text-align: center;
}
.view-frontpage h2.pane-title {
  background: rgba(255, 255, 255, .6);
  line-height: 1.2em;
  font-size: 1.125em;
  font-family: "Myriad Pro",Myriad,Calibri;
  text-transform: uppercase;
  color: #333;
  position: relative;
  top: 200px;
  margin: 0;
  padding: 0.2em 0.8em;
}
.view-frontpage img {
  border: 1px solid #333;
  padding: 0;
}
.view-frontpage p.tile-desc {
  background: rgba(255, 255, 255, .9);
  position: relative;
  font-size: .75em;
  padding: 2px 0.8em;
  height: 5em;
  top: 200px;
}

/** Highlights View **/
div#views-bootstrap-highlights-page-1 {
  width: fit-content;
  margin: 0 auto;
}
  div#views-bootstrap-highlights-page-1 h2 {
    margin-top: 0.25em;
    margin-bottom: 0.625em;
  }

/** Library View **/
#block-facet-block-status li {
  list-style:none;
}
#block-facet-block-status input[type=checkbox] {
  float:left;
  display:inline-block;
  margin-right:1em;
  vertical-align:baseline;
}
.view-ncrtm-library .views-field-field-brief-description p {
  margin: 0;
}

/** Resources View **/

#views-bootstrap-rsa-resources-page-1 .row {
  border-bottom: 1px solid #ddd;
  /* margin-bottom:1em; */
  padding: 1em 0;
}
  div.view-rsa-resources .views-field-field-image {
    float: left;
    display: flex;
    padding: 1.25em 1.25em 1em 0;
    }
  div.view-rsa-resources .views-field-nothing {
    display: flex;
  }

@media (max-width: 767px) {
  div.view-rsa-resources .views-field-field-image {
    visibility:hidden;
    display:none;
    }
}

/** Events View **/

/** Nodes **/
.field--type-entity-reference {
  margin: 0;
}

/* this will apply to ds label overrides on nodes, such as material nodes */
.field--label-inline .field--label,
.field-label-inline {
  display: inline-block;
  float: left;
  font-weight: 800;
  padding-right: 0.5em;
}


/* Events Nodes */
.node--type-event img {
  float:right;
  margin: 0 0 1em 1em;
}


/* Resource Nodes */


/* Material Nodes */
.page-node-type-material .card {
  margin: 1em 0;
}
.page-node-type-material summary {
  /* margin: 1em 0; */
  cursor: pointer;
  font-weight: 800;
  text-decoration:underline;
  background-color: transparent;
  color: #115ca7;
 }
.page-node-type-material div.field-name-field-reference-date,
.page-node-type-material div.field-name-field-publisher,
.page-node-type-material div.field-name-field-material-status {
  margin: 0 0 10px;
}
.page-node-type-material .file-link a {
  margin: 0 0.5em;
}

/** Node Forms **/

/* get rid of content type tips on materials form */
#edit-field-brief-description-wrapper div.js-filter-wrapper,
#edit-field-abstract-wrapper div.js-filter-wrapper,
#edit-field-author-names-wrapper div.js-filter-wrapper,
#edit-field-upload-file-wrapper .tabledrag-toggle-weight-wrapper,
#edit-field-material-url-wrapper .tabledrag-toggle-weight-wrapper {
	visibility:hidden;
	display:none;
}

#edit-field-is-accessible--wrapper--description {
	float:right;
}

/* Submit Material public form */
.node-material-form .fieldset-legend h2 {
    color:  #0D6700;
    margin: 0.5em 0;
}
.node-material-form>fieldset {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.node-material-form>fieldset>legend,
.node-material-form th {
  background: #f5f5f5;
  text-shadow: none;
  border-bottom: 1px solid #ccc;
  padding: 0.5em 1em;
}
.node-material-form .fieldset-wrapper {
 padding: 1em;
}
.node-material-form label {
  color: #3b3b3b;
  font-weight: bold;
}
.node-material-form h4
{
  color: #3b3b3b;
  text-shadow: none;
  font-family: unset;
}
.node-material-form div.form-checkboxes label,
.node-material-form div.form-radios label {
  font-weight: normal;
}
/* Services & Programs pages */
div#views-bootstrap-services-programs-page-1 {
  margin: 0 auto;
  width: fit-content;
}
  div#views-bootstrap-services-programs-page-1.grid img {
    margin-bottom: 1em;
    padding: 0 1em;
    background-color: #11286C;
  }

/* DIF Map */
#navigationMenu {background-color:#F3FAEF;border-radius:0.375em;padding:0.75em;}
.action-navigate_action .statesettings {font-size:0.8em;text-anchor: middle; dominant-baseline: central; fill:#FFF; font-family: Arial, sans-serif;}
.action-none .statesettings {font-size:0.8em;text-anchor: middle; dominant-baseline: central; fill:#000; font-family: Arial, sans-serif;}

/* DIF Detail Pages (Resources). */

#dif-details {margin:0 0 1em 0;padding:1em;background: #f3faef; border:#333 solid thin;}

.field--name-field-link-project-website,
.field--name-field-link-details-on-rsa,
.field--name-field-link-grantee-products,
.field--name-field-link-success-stories {background-color:#0D6700;margin: 0.5em 0; padding: 9em 1em 1em 1em; min-height: 13em; background-position: center top; background-repeat: no-repeat;}

.field--name-field-link-project-website {background-image: url(/sites/default/files/dif-icons/laptop-icon.png);}
.field--name-field-link-details-on-rsa {background-image: url(/sites/default/files/dif-icons/monitor-icon.png);}
.field--name-field-link-grantee-products {background-image: url(/sites/default/files/dif-icons/lightbulb-icon.png); background-position-y: 1.5em;}
.field--name-field-link-success-stories {background-image: url(/sites/default/files/dif-icons/open-book-icon.png);background-position-y: 0.5em;}

.field--name-field-link-project-website a,
.field--name-field-link-details-on-rsa a,
.field--name-field-link-grantee-products a,
.field--name-field-link-success-stories a {color:#fff;text-decoration: none;padding-top: 8em;}

.field--name-field-link-project-website a:hover,
.field--name-field-link-project-website a:focus,
.field--name-field-link-details-on-rsa a:hover,
.field--name-field-link-details-on-rsa a:focus,
.field--name-field-link-grantee-products a:hover,
.field--name-field-link-grantee-products a:focus,
.field--name-field-link-success-stories a:hover,
.field--name-field-link-success-stories a:focus {text-decoration: underline;}