/* 
    Document   : projects
    Created on : Jan 18, 2012, 9:24:05 PM
    Author     : danielcarter
    Description:
        Projects page
*/

/*******************
 * REMOVE TITLE 
 */

body.not-front.page-node-4 h1#page-title{
	display:none;
}


/*******************
 * PROJECT LIST
 */

tr.odd {
    background: white;
}

tr.even {
    background: #fafafa;
}

#block-views-projects-and-reports-block .view-content table thead {
    background: white;
}

#block-views-projects-and-reports-block .view-content table thead tr {
    height: 40px;
    vertical-align: bottom;
}

#block-views-projects-and-reports-block .view-content table.sticky-header {
    z-index: 100;
}

#block-views-projects-and-reports-block .view-content table th, 
#block-views-projects-and-reports-block .view-content table td {
    color:black;
    font-size: 12px;
    padding: 5px;
}

#block-views-projects-and-reports-block .view-content table thead th,
#block-views-projects-and-reports-block .view-content table thead th a {
    font-size: 15px;
    color: black;
}

#block-views-projects-and-reports-block .view-content table thead th a:hover {
    text-decoration: underline;
}

#block-views-projects-and-reports-block .views-field-field-project-organization {
    width: 240px;
}

#block-views-projects-and-reports-block .views-field-field-project-date-issued {
    width: 120px;
}

#block-views-projects-and-reports-block .views-field-field-project-amount {
    width: 100px;
}

#block-views-projects-and-reports-block .views-field-title {
    width: 190px;
}

#block-views-projects-and-reports-block .views-field-field-project-description {
    width: 290px;
}

/***********
 * Key words
 */
 #block-tagclouds-1 h2 {
     font-size: 15px;
     margin-bottom: 5px;
 }
 
 #block-tagclouds-1 .content {
     padding-right: 20px;
 }
 
 .tagclouds-term a.tagclouds {
     color: #6d9eae;
 }

/*************************
 * INDIVIDUAL GRANT VIEW
 */

body.not-front.page-projects-reports-view h1#page-title {
	display:none;
}

body.not-front.page-projects-reports-view div#highlighted{
	background:transparent;
	top:20px;
	padding:0;
	margin:0;
	position:relative;
	margin-bottom:40px;
	clear:both;
	display:block;
}

body.not-front.page-project-reports-view div#highlighted{
	background:transparent;
	top:20px;
	padding:0;
	margin:0;
	position:relative;
	margin-bottom:40px;
	clear:both;
	display:block;
}

.individual-grant div.field-content{
	padding: 10px 0 5px 0;
	font-size: 12px;
	color: #666;
	font-family: "Arial", sans-serif;
}

div.individual-grant h1{
	font-size:40px;
	font-weight: normal;
	margin: 20px 0 0 0;
}

div.individual-grant h2{
	font-family: "Arial", sans-serif;
	font-weight: bold;
	font-size: 20px;
}

.individual-grant .grant_label{
	font-size:12px;
	font-family: "Arial", sans-serif;
	font-weight: normal;
}
.individual-grant .grant_value{
	font-size:12px;
	font-family:"Arial", sans-serif;
	font-weight: bold;
	color:black;
}


.individual-grant .grant_number_line .grant_label{
	font-weight: bold;
	color:black;
}

.individual-grant .views-field-body{
	font-family:"Arial", sans-serif;
	font-size:12px;
}

.individual-grant .views-field-body span.views-label {
	color:black;
}

.individual-grant .views-field-field-project-reports span.views-label{
	font-size:15px;
	font-weight:bold;
	color:black;
}

.individual-grant .views-field-field-project-reports div.field-contet{
	font-size:12px;
}

.individual-grant .grant_number_line, .individual-grant .date_issued_line, .individual-grant .amount_line, .individual-grant .contact_line, .individual-grant .views-field-body{
	padding:10px 0;
	border-bottom: 1px solid #eee;
}

.individual-grant .views-field-field-project-reports{
	padding:10px 0;	
}


div.view-projects-and-reports .item-list .pager {
  margin-top:40px;
}

div.view-projects-and-reports {
  margin: 60px 0;
}

#block-views-projects-and-reports-block .views-field-field-project-amount {
  text-align: right;
}

#block-views-projects-and-reports-block .views-field-field-project-date-issued {
  text-align: center;
}

/*******************
 * D11 project_search result row + pager fixes
 *
 * The result template emits single-class field wrappers
 * (.views-field-field-project-organization), but the original D7 rules keyed on
 * the compound .views-field.views-field-field-project-organization, so the org
 * name never got its right-column offset and rendered full-width at the row top.
 * Align it with the contact block (which uses .project-contact-info, margin
 * 355px). And the D11 core pager (nav.pager > ul.pager__items) needs horizontal
 * styling — by default it is a vertical bulleted list.
 */
.view-project-search .views-field-field-project-organization {
  margin-left: 355px;
  padding: 18px 0 6px 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.25;
  color: #546e7b;
}

.view-project-search nav.pager ul.pager__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin: 40px 0 20px;
  padding: 0;
  list-style: none;
}
.view-project-search nav.pager li.pager__item {
  display: inline-block;
  margin: 0;
  list-style: none;
}
.view-project-search nav.pager li.pager__item a {
  display: block;
  min-width: 16px;
  padding: 6px 12px;
  border: 1px solid #cfccbb;
  border-radius: 3px;
  background: #f1efe2;
  color: #546e7b;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.view-project-search nav.pager li.pager__item a:hover {
  background: #9a9867;
  border-color: #9a9867;
  color: #fff;
}
.view-project-search nav.pager li.pager__item.is-active a {
  background: #9a9867;
  border-color: #9a9867;
  color: #fff;
}