/**============================================
* 
* Page CSS Styles
* 
*=============================================*/



/**
* Homepage
*/

/* Hero */
#home-hero {
  min-height: 600px;
}

@media(max-width: 991px) {
  #home-hero {
    min-height: 400px;
  }
}

#home-hero .hero-overlay {
  opacity: 1.0 !important;
  
background: rgba(11,43,89,0) !important;
background: -moz-linear-gradient(left, rgba(11,43,89,0) 0%, rgba(11,44,89,0.5) 50%, rgba(11,44,89,1) 100%) !important;
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(11,43,89,0)), color-stop(50%, rgba(11,44,89,0.5)), color-stop(100%, rgba(11,44,89,1))) !important;
background: -webkit-linear-gradient(left, rgba(11,43,89,0) 0%, rgba(11,44,89,0.5) 50%, rgba(11,44,89,1) 100%) !important;
background: -o-linear-gradient(left, rgba(11,43,89,0) 0%, rgba(11,44,89,0.5) 50%, rgba(11,44,89,1) 100%) !important;
background: -ms-linear-gradient(left, rgba(11,43,89,0) 0%, rgba(11,44,89,0.5) 50%, rgba(11,44,89,1) 100%) !important;
background: linear-gradient(to right, rgba(11,43,89,0) 0%, rgba(11,44,89,0.5) 50%, rgba(11,44,89,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2b59', endColorstr='#0b2c59', GradientType=1 ) !important;
}

@media(max-width: 991px) {
  #home-hero {
  }
}


#home-hero .hero-content .content-wrapper {
  margin-top: -10%;
  text-align: right;
}

#home-hero .hero-content .content-wrapper .content-inner {
  display: inline-block;
  text-align: left;
}

#home-hero .hero-content h2,
#home-hero .hero-content h3,
#home-hero .hero-content h4 {
  color: #fff;
}

#home-hero .hero-content .button {
  margin: 20px auto;
}

#home-hero .hero-content .button img {
  width: 275px;
  height: auto;
}


/* Homepage Landing sections */
.path-frontpage .landing-section {
  font-size: 1.15rem;
}

.path-frontpage .landing-section .section-title {
  color: #40a3bb;
  font-size: 2.4rem;
  font-weight: normal;
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
}


/* Who We Are */
@media(min-width: 992px) {
  .path-frontpage #who-we-are {
    background-image: url(/themes/custom/quark/images/bg-section-art-1.png);
    background-repeat: no-repeat;
    background-position: -30px center;
    background-size: auto 75%;
  }
  
  .path-frontpage #who-we-are .row {
    display: flex;
    align-items: flex-end;
  }
}

/* Centers */
@media(min-width: 992px) {
  .path-frontpage #centers {
    background-image: url(/themes/custom/quark/images/bg-section-art-2.png);
    background-repeat: no-repeat;
    background-position: right -30px center;
    background-size: auto 75%;
  }
}

.path-frontpage #centers .image-wrapper {
  background: #fdce08;
  padding: 15px;
}

.path-frontpage #centers .image-wrapper img:first-child {
  margin-bottom: 15px;
}

.path-frontpage #centers h3 {
  font-size: 1.85rem;
}


/* Opportunities */
.path-frontpage #opportunities {
}

.path-frontpage #opportunities .section-title {
  position: relative;
}

.path-frontpage #opportunities .section-title:after {
  content: " ";
  display: block;
  background: #40a3bb;
  height: 3px;
  width: 100%;
  
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  zindex: 1;
}

.path-frontpage #opportunities .section-title span {
  background: #0b2b59;
  display: inline-block;
  padding: 0 40px;
  position: relative;
  z-index: 3;
}

.path-frontpage #opportunities .section-title span:before {
  content: " ";
  background: #40a3bb;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  width: 30px;
  
  position: absolute;
  left: -60px;
  top: calc(50% - 15px);
  zindex: 1;
}

.path-frontpage #opportunities .section-title span:after {
  content: " ";
  background: #40a3bb;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  width: 30px;
  
  position: absolute;
  right: -60px;
  top: calc(50% - 15px);
  zindex: 1;
}

@media(min-width: 992px) {
  .path-frontpage #opportunities .container > .row {
    display: flex;
    align-items: stretch;
  }

  .path-frontpage #opportunities .card {
    height: 100%;
  }
}

.path-frontpage #opportunities .card {
  background: transparent;
  border: none;
  text-align: center;
}

.path-frontpage #opportunities .card .card-title {
}

.path-frontpage #opportunities .card .card-img {
  max-width: 360px;
}

.path-frontpage #opportunities .card .card-body {
  padding-bottom: 20px;
}

.path-frontpage #opportunities .card .card-footer {
  
}

@media(max-width: 991px) {
  .path-frontpage #opportunities .card {
    display: block;
    margin: 30px auto;
  }
}



/**
* QuarkNet Stories page
*/
.page-node-16 #recent-stories-teachers .section-title {
  font-size: 1.45rem;
}



/**
* Data Activities posts (classes)
*/
.node-type-portfolio-activitiy {
}

.node-type-portfolio-activitiy .field-type-text-with-summary {
  font-size: 1.3rem;
  margin-bottom: 20px;
}

.node-type-portfolio-activitiy .post-meta {
  margin-bottom: 20px;
}

@media(min-width: 992px) {
  .node-type-portfolio-activitiy .post-meta {
    display: flex;
    align-items: flex-end;
  }
}

.node-type-portfolio-activitiy .post-meta .byline {
  font-size: 1.15rem;
  font-weight: bold;
}

@media(max-width: 991px) {
  .node-type-portfolio-activitiy .post-meta .share-icons {
    margin-top: 15px;
  }
}

@media(min-width: 992px) {
}

.node-type-portfolio-activitiy .featured-image {
  margin-bottom: 20px;
}

.node-type-portfolio-activitiy .featured-image .field-image {
  display: inline-block;
  border: 1px solid #ddd;
}

.node-type-portfolio-activitiy .field-name-field-long-desc {
  margin-bottom: 20px;
}

.node-type-portfolio-activitiy .block-block-content-materials {
  margin-bottom: 20px;
}

.node-type-portfolio-activitiy .block-block-content-materials .field-label {
  font-weight: bold;
  line-height: 1.2rem;
}

.node-type-portfolio-activitiy .block-block-content-materials .file {
   display: table;
  font-size: unset;
  font-weight: normal;
  margin: 5px 0;
  width: 100%;
}

.node-type-portfolio-activitiy .block-block-content-materials .file > span {
   border: none;
}

.node-type-portfolio-activitiy .block-block-content-materials .glyphicon {
  width: 15px;
}

.node-type-portfolio-activitiy .block-block-content-materials .file-displayed-counter {
  display: none;
}

.node-type-portfolio-activitiy .block-block-content-attributes {
  margin-bottom: 20px;
}

.node-type-portfolio-activitiy .block-block-content-attributes .field {
  margin-bottom: 15px;
}

.node-type-portfolio-activitiy .block-block-content-attributes .field .field-label {
  display: inline-block;
  font-weight: bold;
  line-height: 1.2rem;
}

.node-type-portfolio-activitiy .block-block-content-attributes .field h3.field-label,
.node-type-portfolio-activitiy .block-block-content-attributes .field h4.field-label {
  font-size: 1rem;
  margin: 0;
}

.node-type-portfolio-activitiy .block-block-content-attributes .field .field-items {
  display: inline-block;
}

.node-type-portfolio-activitiy .block-block-content-attributes .field .field-items .field-item {
  display: inline-block;
  margin: 0;
}

.node-type-portfolio-activitiy .block-block-content-attributes .field .field-items .field-item:after {
  content: ", ";
  display: inline-block;
}

.node-type-portfolio-activitiy .block-block-content-attributes .field .field-items .field-item:last-child:after {
  content: none;
}




/**
* Portfolio Activity page
*/
.page-node-type-portfolio-activity {
}

.page-node-type-portfolio-activity .portfolio-activity {
  
}

.page-node-type-portfolio-activity .portfolio-activity .field--name-field-image {
  margin-bottom: 20px;
}

.page-node-type-portfolio-activity .portfolio-activity .field--name-field-image img {
  border: 1px solid #ddd;
  max-width: 600px;
}

.page-node-type-portfolio-activity .portfolio-activity .field--type-text-with-summary {
  font-size: 1.45rem;
}

.page-node-type-portfolio-activity .portfolio-activity .field--name-field-long-desc {
  margin-bottom: 20px;
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-materials {
  margin-bottom: 20px;
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-materials .field--item {
  
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-materials .field--item .file {
  display: block;
  font-size: 0.85rem;
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-materials .field--item .file span {
  border: none;
  color: #60666c;
  display: inline-block;
  font-weight: normal;
  padding: 0;
  width: auto;
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-materials .field--item .file span a {
  color: #40a3bb;
  text-decoration: none;
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-materials .field--item .file span a:hover,
.page-node-type-portfolio-activity .portfolio-activity .fieldset-materials .field--item .file span a:active {
  color: #50b3cb;
  text-decoration: none;
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-materials .field--item .file span.file-icon {
  padding-right: 5px;
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-materials .field--item .file span.file-link {
  padding-right: 5px;
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-materials .field--item .file span.file-size {
  
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-materials .field--item .file span.file-size:before {
  content: "(";
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-materials .field--item .file span.file-size:after {
  content: ")";
}



/*
.field--type-link
*/
.page-node-type-portfolio-activity .fieldset-materials .field--type-link {
    display: table;
    font-size: 75%;
    font-weight: 700;
    margin: 5px 0;
    width: 100%;
    
    border: 1px solid #ccc;
    padding: 10px;
}

.page-node-type-portfolio-activity .fieldset-materials .field--type-link > .field--item {
    display: flex;
    align-items: center;
}

.page-node-type-portfolio-activity .fieldset-materials .field--type-link > .field--item > a {
    color: #337ab7;
    display: inline-block;
}

.page-node-type-portfolio-activity .fieldset-materials .field--type-link > .field--item > a:hover {
    color: #337ab7;
}

.page-node-type-portfolio-activity .fieldset-materials .field--type-link > .field--item > a:before {
    content: "\2622";
    display: inline-block;
    font-size: 22px;
    height: 20px;
    line-height: 20px;
    width: 28px;
}
/*
END: .field--type-link
*/



.page-node-type-portfolio-activity .portfolio-activity .fieldset-attributes {
  margin-bottom: 20px;
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-attributes .field {
  margin-bottom: 15px;
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-attributes .field .field--label {
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-attributes .field .field--label:after {
  content: ": ";
  display: inline-block;
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-attributes .field .field--items {
  
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-attributes .field .field--items .field--item {
  display: inline-block;
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-attributes .field .field--items .field--item:after {
  content: ", ";
  display: inline-block;
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-attributes .field .field--items .field--item:last-child:after {
  display: none;
}

/* curriculum topics */
.page-node-type-portfolio-activity .portfolio-activity .fieldset-attributes .field.field--name-field-pathway .field--items .field--item {
  display: block;
  
  display: list-item;
    list-style-type: disc;
    margin-left: 25px;
}

.page-node-type-portfolio-activity .portfolio-activity .fieldset-attributes .field.field--name-field-pathway .field--items .field--item:after {
  display: none;
}



/**
* Calendar pages
*/
.calendar-tabs.nav-tabs {
  border-bottom: 3px solid #286090;
}

.calendar-tabs.nav-tabs > li  {
}

.calendar-tabs.nav-tabs > li:first-child  {
  margin-left: 30px;
}

.calendar-tabs.nav-tabs > li > a  {
  background: #ececec;
  border-bottom: 3px solid #fff;
  color: #286090;
  font-weight: bold;
  padding: 14px 20px 12px 20px;
}

.calendar-tabs.nav-tabs > li > a:hover {
  background: #f6f6f6;
  border-bottom: 3px solid #fff;
  color: #286090;
}

.calendar-tabs.nav-tabs > li.active > a,
.calendar-tabs.nav-tabs > li.active > a:hover {
  background: #286090;
  border-color: #286090;
  color: #fff;
}

@media(max-width: 768px) {
  .calendar-tabs.nav-tabs > li:first-child  {
    margin-left: auto;
  }
  
  .calendar-tabs.nav-tabs > li > a {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 3px;
  }
}