/* FAQ page */
.node--type-page  .field--name-field-faq .field__label {
  display: none;
}

.paragraph--type--faq .field--name-field-question h2 {
  font-size: 1.5rem;
}

.field--name-field-faqs .field__label,
.field--name-field-faq .field__label {
  padding-top: 20px;
  font-size: 2.3rem;
  margin-bottom: .5rem;
}

.field--name-field-faq,
.field--name-field-faqs {
  clear: both;
}

.paragraph--type--faq {
  margin-bottom: 30px;
  border-bottom: 1px solid #d3d7d9;
}

.field--name-field-answer {
  padding-bottom: 10px;
}


.footer-container .affiliations-container {
  display: none;
}

.region-footer-first .footer-container {
  border-width: 0px !important;
}

.footer-container a:hover {
  text-decoration: underline;
}

/*.footer-container {*/
/*  background-color: #f5f5f5;*/
/*}*/

.node--type-front-page .card .opct {
  background-color:rgba(0,114,136,0.7) !important;
}

.node--type-front-page .card {
  box-shadow: 0 4px 6px -5px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.1);
}

.node--type-front-page .card .opct h2 {
  color: white !important;
}

.opacity-70 {
  opacity: 1 !important;
}


.title {
  border-bottom: 1px solid #eee;
  font-weight: 300;
  margin: 0 0 10px;
  width: 100%;
  margin-top: 1rem;
}


/* bookable equipment */
.node--type-loan-equipment .block-system-main-block .content,
.node--type-studio-equipment .block-system-main-block .content {
  padding: 15px 20px 10px;
}

.field--name-field-bookable-equipment .field__items {
  display:flex;
  align-items: center;
}
.field--name-field-bookable-equipment .field__items > div {
  float: left;
  width: 50%;
}

.field--name-field-bookable-equipment .field__items > div {
  float: left;
  width: 50%;
}

.field--name-field-bookable-equipment .field__items .paragraph--type--image img {
  width: 100%;
  height: auto;
}

.paragraph--type--support {
  float: left;
  margin-right: 15px;
}

.paragraph--type--image .field--name-field-image {
  width: 60%;
  padding-bottom: 20px;
  margin: auto;
}

.paragraph--type--embed-video {
  width: 60%;
  margin: auto;
}

.paragraph--type--embed-video iframe {
  width: 100%;
  max-height: 250px;
}

.embed-responsive.embed-responsive-16by9 iframe {
  width: 100%;
  max-height: unset;
  margin-bottom: 1rem;
}

.paragraph--type--image .field--name-field-image img {
  width: 100%;
  height: auto;
}

.paragraph--type--h2-subheading {
  padding-top: 20px;
}

.field--name-field-create-documentation .paragraph--type--paragraph {
  padding-bottom: 20px;
}

/* end */

/* Search supporting docs */

.sidebar_first {
  margin-top: 1rem;
}

.form-type-search {
  width: 50%;
  float: left;
  margin-right: 10px;
}

#block-bootstrap-sass-content > div > h2 {
  clear: both;
}

.node--view-mode-teaser {
  padding: 0;
  margin: 0;
}

.node-readmore {
  padding-left: 0;
}

.facets-widget-checkbox .facet-item {
  border-top: 0.5px solid grey;
}

.facets-widget-checkbox .item-list__checkbox {
  border-bottom: 0.5px solid grey;
}

.facets-widget-checkbox ul {
  list-style-type: none;
  padding-inline-start: 0 !important;
}

.facets-widget-checkbox .facets-checkbox {
  margin-right: 10px;
}

.facets-widget-checkbox label {
  margin-top: 0.7rem;
}

.sidebar_first h2 {
  font-size: 1.8rem;
  font-weight: bolder;
}

.block-facets {
  padding-top: 20px;
}

/* end */

/* Event page */

#main-wrapper .container-fluid {
  width: 80%;
  margin: auto;
}

.container-fluid {
  background: #f5f5f5;
}

.node--type-front-page #main-wrapper .container-fluid {
  width: 100%;
}

.node--type-front-page #main-wrapper {
  width: 100%;
}

/* Event page */

.node--type-makerspace-events .field__label {
  font-size: 1.3rem;
}

.node--type-makerspace-events .col-sm-3 {
  border-top: 8px solid #333f48;
  box-shadow: 0 4px 6px -5px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.1);
  padding: 15px 20px 10px;
  background-color: white;
}

.node--type-makerspace-events .col-sm-3 .field__label,
.node--type-makerspace-events .col-sm-3 .field__item {
  margin: 0 1rem;
}

.node--type-makerspace-events .col-sm-3 .field--label-above {
  border-bottom: 0.5px #d3d7d9 solid;
  margin-top: 15px;
  padding-bottom: 10px;
}

.field--name-field-book-now a {
  color: white !important;
  text-decoration: none;
}

.field--name-field-support a {
  color: white !important;
  text-decoration: none;
}

.field--name-field-book-now {
  margin-bottom: 20px;
}

/* end event page */

.node--type-contact .embed-responsive {
  border: 1px solid #ddd;
  box-shadow: 0 4px 6px -5px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.1);
  padding: 15px 20px 10px;
  background-color: white;
}

.node--type-contact .region--top {
  padding: 0 15px;
}

.node--type-contact .field--name-field-hours {
  border-radius: 5px;
  margin-top: 8px;
  border: 1px solid #ddd;
  box-shadow: 0 4px 6px -5px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.1);
  padding: 15px 20px 10px;
  background-color: white;
}

.contextual-region {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.node--type-loan-equipment .layout-main-wrapper .row,
.node--type-studio-equipment .layout-main-wrapper .row {
  align-items: center;
  justify-content: center;
}

.node--type-loan-equipment .paragraph--type--page-title-h1,
.node--type-studio-equipment .paragraph--type--page-title-h1 {
  margin-bottom: 20px;
  padding-top: 15px;
}

.node--type-loan-equipment .paragraph--type--support,
.node--type-studio-equipment .paragraph--type--support {
  margin-top: 20px;
}

.node--type-loan-equipment .field--name-field-equipment-image img,
.node--type-studio-equipment .field--name-field-equipment-image img {
  width: 100%;
  height: auto;
}

.col-sm-3 .paragraph--type--equipment-image img {
  width: 100%;
  height: auto;
}

.path-search-equipment .block-system-main-block .row,
.path-search-support-docs .block-system-main-block .row {
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 1em 0;
  border: 1px solid #ddd;
  box-shadow: 0 4px 6px -5px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.1);
  padding: 15px 20px 10px;
  background-color: white;
}

.path-search-support-docs .field--name-field-sd-main-image img {
  width: 100%;
  height: auto;
}

.navbar li {
  cursor: pointer;
}

.paragraph--type--process {
  clear: both;
}

.process-step .field__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.process-step .field__items > div {
  width: 25%;
  text-align: center;
  padding: 0 30px;
}

.process-step {
  border-radius: 5px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  box-shadow: 0 4px 6px -5px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.1);
  padding: 15px 20px 10px;
  background-color: white;
}

.process-step img {
  margin: 20px 0;
  max-height: 150px;
  width: auto;
}

.paragraph--type--image-left-text-right {
  padding: 20px 0;
}

.field--name-field-image-left img {
  width: 100%;
  height: auto;
  margin-right: 30px;
  border: 1px solid #d3d7d9;
  border-radius: 5px;
}

.field--name-field-image-left {
  padding-right: 20px;
  display: inline-block;
  vertical-align: top;
  width: 20%;
}

.field--name-field-text-right {
  display: inline-block;
  width: 75%;
}

.form-check label {
  margin-left: 1.5rem;
}

.fixed-header img {
  width: 100%;
  height: auto;
}

/* Events listing */

/*.view-list-makerspace-events .views-row {*/
/*  position: relative;*/
/*  margin: 1em 0;*/
/*  border: 1px solid #ddd;*/
/*  box-shadow: 0 4px 6px -5px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.1);*/
/*  padding: 15px 20px 10px;*/
/*  background-color: white;*/
/*}*/

.view-list-makerspace-events .views-field-title {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.1;
}


/* homepage cards */

.view-homepage-cards .view-content .row {
  justify-content: center !important;
}

.panel-uoe-low {
  border: none;
  border-top: 8px solid #007288;
}

.card img {
  height: 200px;
  width: 100%;
  object-fit: cover;
  box-shadow: 0 4px 6px -5px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.1);
}

/* homepage */

.view-homepage-welcome {
  border-color: #ddd;
  border-top: 8px solid #007288;
  box-shadow: 0 4px 6px -5px rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .1);
  background-color: #fff;
  border-radius: 0;
}

.view-homepage-welcome .view-content {
  padding: 20px;
}

.block-webform-block p {
  font-size: 1rem;
}

.webform-elements {
  padding: 15px;
}

.field--name-field-equipment-title .field__item h1 {
  display: block;
}

.field--name-field-h3-subheading {
  clear: both;
}

#block-mailing-list-webform {
  margin-top: 2rem;
}

.field--name-field-hours {
  margin-bottom: 25px;
}

.node--type-contact .block-system-main-block .content {
  margin-bottom: 30px;
}

.webform-submission-form-loans-sign-up-form .webform-button--submit {
  margin-top: 20px;
}

.webform-submission-contact-form .webform-button--submit {
  margin-top: 20px;
}

.webform-submission-form-get-in-touch-form .webform-button--submit {
  margin-top: 20px;
}

.node--type-loan-equipment .block-system-main-block, .node--type-studio-equipment .block-system-main-block {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 6px -5px, rgba(0, 0, 0, 0.1) 0px 0px 1px;
  padding: 20px;
  margin: 0px 0px 15px;
  background: rgb(255, 255, 255);
}

.node--type-makerspace-events .block-system-main-block .content {
  margin-bottom: 30px;
}

/* events listing */



.panel-event {
  position: relative;
  margin: 1em 0;
  border: 1px solid #ddd;
}

/*.event-date-title {*/
/*  display: table;*/
/*  margin: 15px 20px 10px;*/
/*}*/

/*.event-date {*/
/*  display: flex;*/
/*  padding-right: .75em;*/
/*  line-height: 1px;*/
/*  white-space: nowrap;*/
/*  vertical-align: middle;*/
/*  border-right: 2px solid #333f48;*/
/*}*/

/*.event-listing-title, .event-title {*/
/*  padding-left: 10px;*/
/*  font-size: 1.25em;*/
/*}*/

/*.event-title {*/
/*  display: table-cell;*/
/*  vertical-align: middle;*/
/*}*/

/*.event-date-separator {*/
/*  font-size: 1.9em;*/
/*  font-weight: 700;*/
/*  line-height: 1.5em;*/
/*  color: #333f48;*/
/*  vertical-align: top;*/
/*}*/

/*.event-month {*/
/*  font-size: 1.05em;*/
/*  text-transform: uppercase;*/
/*}*/

/*.event-day, .event-month, .event-year {*/
/*  display: block;*/
/*  font-weight: 600;*/
/*  line-height: .8;*/
/*  text-align: center;*/
/*}*/

/*.event-day {*/
/*  font-size: 1.9em;*/
/*  font-weight: 700;*/
/*  color: #333f48;*/
/*}*/

/*.event-year {*/
/*  margin-top: .05em;*/
/*}*/

.panel-body {
  position: relative;
  line-height: 1.42857143;
}

.panel-body {
  padding: 11px 20px;
}

.btn-primary a {
  color: white;
}

.panel-body br {
  display: none;
}

.view-list-makerspace-events .event-date-title {
  padding: 11px 20px 15px 20px;
}

.view-list-makerspace-events .event-date {
  display: table-cell;
  padding-right: .75em;
  line-height: 1px;
  white-space: nowrap;
  vertical-align: middle;
  border-right: solid 2px #007288;
}

.view-list-makerspace-events .event-date time {
  display: inline-block;
  line-height: .9em;
}

.view-list-makerspace-events .event-date .event-day,
.eview-list-makerspace-events .event-date .event-month,
.view-list-makerspace-events .event-date .event-year {
  display: block;
  font-weight: 600;
  line-height: .8;
  text-align: center;
}

.view-list-makerspace-events .event-date .event-day {
  font-size: 1.9em;
  font-weight: 700;
  color: #007288;
}

.view-list-makerspace-events .event-date .event-month {
  font-size: 1.05em;
  text-transform: uppercase;
}

.view-list-makerspace-events .event-date .event-year {
  margin-top: .05em;
}

.view-list-makerspace-events .event-date .event-time {
  display: block;
  padding-top: .35em;
  margin-top: .475em;
  font-size: .9em;
  line-height: .9em;
  border-top: solid 1px #ddd;
}

.view-list-makerspace-events .event-date-separator {
  font-size: 1.9em;
  font-weight: 700;
  line-height: 1.5em;
  color: #007288;
  vertical-align: top;
}

.view-list-makerspace-events .event-title {
  display: table-cell;
  padding-left: 10px;
  font-size: 1.25em;
  vertical-align: middle;
}

/* end events listing */


@media (max-width: 575.98px) {
  .process-step .field__items > div {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  #main-wrapper .container-fluid {
    width: 100%;
    margin: auto;
  }

  .paragraph--type--image .field--name-field-image {
    width: 100%;
  }

  .field--name-field-bookable-equipment .field__items {
    width: 100%;
    display:block;
  }

  .field--name-field-bookable-equipment .field__items > div {
    clear: both;
    width: 100%;
  }

  .field--name-field-bookable-equipment .field__items > div {
    clear: both;
    width: 100%;
  }

  .process-step .field__items {
    display: block;
  }

  .process-step .field__items > div {
    width: 100% !important;
  }

  .field--name-field-image-left {
    display: block;
    vertical-align: top;
    width: 60%;
    padding-bottom: 15px;
    margin: auto;
  }

  .field--name-field-text-right {
    display: block;
    width: 100%;
  }

  .fixed-header img {
    width: 100% !important;
    height: auto;
  }

}

@media (max-width: 991.98px) {
  #main-wrapper .container-fluid {
    width: 90%;
    margin: auto;
  }

  .paragraph--type--image .field--name-field-image {
    width: 90%;
  }

  .process-step .field__items > div {
    width: 50%;
  }

  .fixed-header img {
    width: 60%;
    height: auto;
  }
}
