/**
 * @file
 * Subtheme specific CSS.
 */

.comma-sep::after {
  content: ', ';
}

#block-views-block-people-block-7 .field--name-node-title h2 {
 padding-top: 0px;
}

.js-mega-menu-interactive-1 {
  background-color: black !important;
}
.navbar-nav {
  background-color: black !important;
  color: white !important;
}

 h2, h3, .field--name-field-sub-title {
  font-family: 'PT Sans', sans-serif;
  color: #006580 !important;
  font-size: 22.666px;
  font-weight: 300!important;
}

h2, .featured-bottom h2 {font-size: 22px;}

.container .field--name-body h2 {
  font-family: 'PT Sans', sans-serif;
  font-weight: 700;
  color: #006580;
  font-size: 22.666px;
  font-style: italic;
}

.navbar-nav li a {
  color: white !important;
  font-size: 0.8rem;
  min-width:60px;
  white-space: nowrap;
}

.navbar-nav li a.dropdown-item {
 color: black !important;
}

#searchLabel{
  margin-left: 2em!important;
}

#main-wrapper {
  background-color: #fff;
  margin-top: 1em;
  margin-bottom: 1em;
}

#main {
  background-color: #f2f2f2;
  color:#212121;
}
#main h2 a {
  font-family: 'PT Sans', sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  color: #006580;
  text-decoration: underline;
  font-size: 22px;
  font-style: normal;
  text-align: left;
}

#main .node--type-front-page-item {
  padding: 20px;
}

#block-views-block-news-block-3 {
  padding: 20px;
}

#block-views-block-news-block-3 a {
  margin-left: 20px;
}

#block-views-block-news-block-3 h2 {
  font-family: 'PT Sans', sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  font-size: 22px;
  color: #006580;
  border-bottom: 1px solid black;
  padding: 10px;
}
.view-id-frontpage{
  margin-left: 10px !important;
}

#block-enquiries{
  margin-left: -5px;
}
.view-id-news .view-display-id-block_3{
  margin-left: 3em;
}

body.path-news-events .view-id-news ul > li:nth-child(odd) {
  background-color: #e9eff2;
}

body.path-news-events .view-id-news div.col-sm-3 {
  background-color: white;
}

body.path-news-events .view-id-news ul li {
  padding-top: 0;
}

body.path-manaaki .view-npm-grants-awards  ul > li:nth-child(odd) {
  background-color: #e9eff2;
}

.view-npm-grants-awards div.row {
  padding-left: 1em;
}

.view-npm-grants-awards ul li {
  padding-top: 0;
}

.view-id-projects  ul > li:nth-child(odd) {
  background-color: #e9eff2;
}

.view-id-projects ul > li {
  padding-left: 1em;
  }

div.col-sm-3{
	padding-top: 1em;
}
.view-id-projects .node--view-mode-teaser {
	border:none;
}

.view-id-projects .node--view-mode-teaser.node--sticky {
	background-color: inherit;
	border-bottom: none;
}

.view-id-projects div.col-sm-3 {
	padding-top: 0;
}

li.page-item:nth-child(odd) {
	background-color: inherit;
}

/* News search exposed filter */
.block-views-exposed-filter-blocknews-page-1 {
clear:both; 
float: right;
padding-bottom: 2em;
}

/* News tier 1 styles */
.news-tier-1 {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.news-tier-1 img {
	margin-left:0%;
	margin-right:25%;
}

/* News tier 2 styles */
#tier-3-summary {
}

/* view-id-frontpage */
.slick-slide ul li {

  text-align: left;
  margin-left: -1em;
}
.slick-slide p {

  text-align: left;
}
.slick-slide .bg-soft-primary {
 background-color: white;
 text-align: left;
}
.slick-slide .bg-soft-info {
  background-color: white;
  text-align: left;
}
.slick-slide .bg-soft-danger {
  background-color: white;
  text-align: left;
}
.slick-slide .bg-soft-primary h2 {
  font-weight: 400;
  font-size: 22px;
  font-style: normal;
  text-align: left;
}
.slick-slide .bg-soft-info h2 {
  font-weight: 400;
  font-size: 22px;
  font-style: normal;
  text-align: left;
}
.slick-slide .bg-soft-danger h2 {
  font-weight: 400;
  font-size: 22px;
  font-style: normal;
  text-align: left;
}
.slick-slide .bg-soft-primary p {
  font-size: 1rem;
  color:black;
}
.slick-slide .bg-soft-info p {
  font-size: 1rem;
  color:black;
}
.slick-slide .bg-soft-danger p {
  font-size: 1rem;
  color: black;
}
.slick-slide h2 {
  font-size: 1.2rem;
  font-size: 25px;
  color: #006580;
}

.node--view-mode-teaser.node--sticky{
  border: none;
  border-bottom: 1px solid #d3d7d9;
  margin-bottom: 30px;
  padding-bottom: 15px;
  background-color:#fff;
  padding: 0;

}

@media (min-width:576px){
    .card-deck .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
    .card-sm-gutters-1 .card {
        margin-right: .25rem;
        margin-left: .25rem;
    }
}

.card-deck .card {
    margin-bottom: 15px;
}

.card {
    position: relative;
    display: -ms-flexbox !important;
    display: flex;
    -ms-flex-direction: column! important;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f9f9f9;
    background-clip: border-box;
    border: 0.0625rem solid rgba(231, 234, 243, 0.7);
    border-radius: 0.75rem;
}

.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}

.view-projects img {
    margin-left: 20%;
    margin-right: 20%;
    vertical-align: middle;
    border-style: none;
}

.view-projects .card-img-top {
  margin-left: 0%;
  min-height: 180px;
  max-height: 180px;
  overflow: hidden;
}

.view-news .card-img-top {
  margin-left: 0%;
  min-height: 180px;
  max-height: 180px;
  overflow: hidden;
}

.view-frontpage .card-img {
  margin-left: 20px;
}
/**
.view-people .field--name-node-author {
  display: none;
}
.view-projects .field--name-node-submitted-by {
  display: none;
}
.view-projects .field--name-user {
  display: none;
}
.view-projects .field--name-field-date {
  display: none;
}
.view-projects .field--name-field-project-year-funded {
  display: none;
}
.view-projects .field--name-field-year-project-completed {
  display: none;
}
.view-projects .field--name-field-event-daterange {
  display: none;
}
**/
.view-projects .field--name-node-title h2 {
  font-size: 1.275rem;
}

.feed-icon {
  display: none;
}
/*
#block-npmfooter2 {
  display: none;
}
*/
input#edit-keys {
  background-color: white;
}
#news-btn {background-color: black;}

button.btn.news-btn {
  width: 100%;
  border-bottom: 1px solid #fff;
/* float: right; */
}
.news-header {
  padding-left: 1em;
  font-size: 0.8em;
}
.text-white a {color:#fff!important;}

.fa-text-right {
  float: right;
}

.featured-bottom {
  margin-left: 3em;
}

#ticker {
 /* width: 95%!important;*/
}
ul {list-style-type: square;}

ul.square {list-style-type: square;}

.card {box-shadow: none!important;}

a {text-decoration:none!important;}

.bg-img-hero {
  height: 450px;
  padding-top: 80px;
}

.hero-text-left, .hero-text-right {max-width: 300px;}

h1.hero-left {font-weight: 900;}

h2.hero-tagline {padding-top: 3rem;}

#main {background-color: white;}

.view-frontpage h2 a {
/*  text-decoration: underline!important;*/
}

/* Menu block background */

.child-fullwidth {
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
}

.bg-grey {background-color: #f2f2f2;}

#block-views-block-frontpage-block-2 .child-fullwidth {
  background-color: white;
}

.annual-report-image {
padding-top:1.5em;
padding-left:5em;
}

/* Footer copyright */
.ft-copy {margin-top: 5em;}

/* Ticker outer to inner */
#ticker {

}

#ticker .skin-default {
display: flex;
align-content: center;
justify-content: center;
width: 100%;
}

#views_slideshow_cycle_main_news-block_4 {
display: flex;
align-content: center;
justify-content: center;
width: 600px;
}
#views_slideshow_cycle_main_news-block_4 div {
display: flex;
align-content: center;
justify-content: center;
width: 600px;
}
#views_slideshow_cycle_main_news-block_4 h3 {
 font-size: .9em;
}

blockquote {
	margin: 1rem;
}
.field--name-field-person-image {
  padding-top: 2em;	
}

.ds-2col-stacked-fluid > .group-left {
  float: left;
  width: 33%;
}
.ds-2col-stacked-fluid > .group-right {
  float: left;
  width: 66%;
}

@media (max-width: 575.98px) {
  #views_slideshow_cycle_main_news-block_4 {
    display: flex;
    align-content: center;
    justify-content: center;
    width: 400px;
    }
    
  #views_slideshow_cycle_main_news-block_4 div {
     display: flex;
     align-content: center;
     justify-content: center;
     width: 400px;
   }

   #hero-slogan, div.hero-slogan {display: none;}
    .field--name-field-person-image {display: none;}
    .field--name-field-featured-image {display: none;}
    .field.field--name-field-featured-image.field--type-entity-reference.field--label-hidden.field__item {
      display: none;}

   
  .ds-2col-stacked-fluid > .group-left {
    float: left;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
  }

  .ds-2col-stacked-fluid > .group-right {
    float: left;
    width: 100% !important;
  }

}

// Medium devices (tablets, up to 768px)
@media (min-width: 576px) and (max-width: 767.98px) {

  #views_slideshow_cycle_main_news-block_4 {
    display: flex;
    align-content: center;
    justify-content: center;
    width: 600px;
  }

  #views_slideshow_cycle_main_news-block_4 div {
    display: flex;
    align-content: center;
    justify-content: center;
    width: 600px;
  }

  #hero-slogan, div.hero-slogan {display: none;}i
  .field--name-field-person-image {display: none;}
  .field--name-field-featured-image {display: none;}
    .field.field--name-field-featured-image.field--type-entity-reference.field--label-hidden.field__item {
    display: none;
  }

  .ds-2col-stacked-fluid > .group-left {
   float: left;
   width: 100%;
 }

 .ds-2col-stacked-fluid > .group-right {
   float: left;
   width: 100%;
 }
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.98px) {
 #views_slideshow_cycle_main_news-block_4 {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 700px;
 }
 #views_slideshow_cycle_main_news-block_4 div {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 700px;
 }
 #hero-slogan, div.hero-slogan {display: none;}
 .field--name-field-person-image {display: none;}
 .field--name-field-featured-image {display: none;}
   .field.field--name-field-featured-image.field--type-entity-reference.field--label-hidden.field__item {
    display: none;}
}

.ds-2col-stacked-fluid > .group-left {
  float: left;
  width: 33%;
}

.ds-2col-stacked-fluid > .group-left img {
  width:90%;
  height:90%;
  }
.ds-2col-stacked-fluid > .group-right {
  float: left;
  width: 66%;
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
#views_slideshow_cycle_main_news-block_4 {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 800px;
}
#views_slideshow_cycle_main_news-block_4 div {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 800px;
}
.ds-2col-stacked-fluid > .group-left {
  float: left;
  width: 33%;
}

.ds-2col-stacked-fluid > .group-right {
  float: left;
  width: 66%;
}

}