/*
main {
  margin-left:5rem;
  margin-right:5rem;
}
*/
td.views-field.views-field-webform-submission-value-1,
td.views-field.views-field-webform-submission-value-7 {
  max-width:20%;
  width:20%;
}
td.views-field.views-field-webform-submission-value {
  max-width:80%;
  width:80%;
}
td.views-field.views-field-webform-submission-value-7 p.image-id {
  font-size:.7rem;
  line-height:.85rem;
  margin-top:.5rem;
  margin-bottom:.1rem;
  display:none;
}
td.views-field.views-field-webform-submission-value ul.resources {
  margin-top:-1rem;
  margin-bottom:2rem;
}
td.views-field.views-field-webform-submission-value p {
  margin-top:-.5rem;
}
img.webform-image-file {
  max-width:200px;
}
p.clicklink {
  cursor:pointer;
  color: #C75300;
  margin-bottom:1.5rem;
  font-weight:bold;
}

.view-display-id-page_2 .view-header h2 {
  margin-top:3rem;
  padding: 1rem 1rem;
  background:#eee;
}
.view-display-id-page_2 .view-header,
.view-display-id-page_2 .view-content {
  margin-left:4%;
  margin-right:4%;
} 
.view-display-id-page_2 nav.pager {
  padding-top:1rem !important;
  padding-bottom:.5rem !important;
}
.view-display-id-page_2 p.blurb {
  font-size:.9rem;
  line-height:1.4rem;
  margin-top:.5rem;
}
.view-display-id-page_2 {
  margin-bottom:3rem;
}
.view-display-id-page_2 p.readmore {
  margin-top:-2rem;
  margin-bottom:-.5rem;
}
.view-display-id-page_2 .views-view-grid .views-row {
  margin-bottom:2rem !important;
}
.view-display-id-page_2 .views-view-grid .views-col {
    display: table;
    max-width: 100%;
}

.view-display-id-page_3 .view-header h2 {
  margin-top:3rem;
  padding: 1rem 1rem;
  background:#eee;
}
.view-display-id-page_3 .view-header,
.view-display-id-page_3 .view-content {
  margin-left:9%;
  margin-right:9%;
}

.view-display-id-page_3 .img-div {
  float: left;
  width: 50% !important;
  max-width: 500px;
  min-width: 300px;
}

.view-display-id-page_3 img.webform-image-file {
  width: 100% !important;
  max-width: 100% !important;
}
.view-display-id-page_3 #image-id {
  font-size:.8rem;
  line-height:1.2em;
  vertical-align:top;
  color:#777;
  display:table-cell;
}

.view-display-id-page_3 .h3 {
  letter-spacing: -.03em;
}

.view-display-id-page_3 .fig-50, .view-display-id-page_3 .fig-33, .view-display-id-page_3 .img-33 {
  width: 100%;
}

.view-display-id-page_3 .fig-50 img, .view-display-id-page_3 .fig-33 img, .view-display-id-page_3 .img-33 img {
  max-width: 100%;
}

.view-display-id-page_3 figcaption {
  font-size: .8rem;
  font-style: italic;
}

@media (min-width: 767px) {
  .view-display-id-page_3 .fig-50 {
    width: 50%;
  }
  
  .view-display-id-page_3 .fig-33, .view-display-id-page_3 .img-33 {
    width: 33%;
  }

  .view-display-id-page_3 .fig-right {
    float: right;
    margin: 0 0 1rem 1rem;
  }
  
  .view-display-id-page_3 .fig-left {
    float: left;
    margin: 0 1rem 1rem 0;
  }
}

/* .view-display-id-page_3 p#spotlight {
  clear:both;
}*/
.view-display-id-page_3 p#date {
  font-size:1.1rem;
  font-weight:bold;
}
.view-display-id-page_3 p#header {
  /*font-size:1.1rem;
  font-weight:bold;
  margin-top:-1rem;*/
}
.view-display-id-page_3 .view-filters {
  display:none;
}
/* testing this -- but no heading, etc. displays if filter results empty - may need to use this view as a block
.view-display-id-page_2 .view-filters .form--inline {
  display:inline-flex;
  margin-bottom:2rem;
}
.view-display-id-page_2 .view-filters .form--inline div#edit-actions {
  margin-top:22px;
}
*/
.view-display-id-page_2 .view-filters {
  display:none;
}



/* Main page grid */

.view-id-odi_history_and_spotlight_events h5 {
  font-size: 1.3rem;
}
.view-id-odi_history_and_spotlight_events .views-field.views-field-webform-submission-value-7 {
  padding-bottom:10px;
}
.view-id-odi_history_and_spotlight_events .views-field.views-field-webform-submission-value-7 img {
  max-width:100% !important;
}

.view-id-odi_history_and_spotlight_events .portrait-div {
  text-align: center;
}
.view-id-odi_history_and_spotlight_events .portrait-div .portrait-img {
  width: 100%;
  max-width: 250px;
}

.relationship {
  text-transform: uppercase;
  font-size: .9rem;
  letter-spacing: .03em;
}

@media (max-width: 1200px) {
  .view-id-odi_history_and_spotlight_events {
    width:100%;
  }
}


/* Archive block */

.archive .edit, .manage .edit {
  float: right;
  font-size: .8em;
  text-transform: uppercase;
}

.archive .edit a {
  font-weight: 400;
  color: #888;
}

.archive .portrait-div {
  text-align: center;
}
.archive .portrait-div .portrait-img {
  width: 100%;
  max-width: 300px;
}

.archive .more {
  text-align: center;
}

/*Entity ID used to add classes:
    entity-206739 = AAPI Heritage
    entity-206742 = Black Heritage
    entity-206745 = HHM
    entity-206748 = NAHM
    entity-218229 = Pride
    entity-206751 = Women's History
*/

/* this used on spotlight focus page */
.entity-206739-color {color: #F76902;} /* AAPIHM, orange */
.entity-206742-color {color: #DA291C;} /* BHM, red */
.entity-206745-color {color: #F76902;} /* HHM, orange */
.entity-206748-color {color: #DA291C;} /* NAHM, red */
.entity-218229-color {color: #F76902;} /* Pride, Orange*/
.entity-206751-color {color: #7D55C7;} /* WHM, purple */
.entity-209854-color {color: #009CBD;} /* Featured spotlight, cyan */


.archive .name {
  line-height: 2rem;
  word-break: break-word;
}

.topic {
  background-color: #ccc;
  padding: .2em .5em;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: .8em;
  text-transform: uppercase;
  display: inline-block;
}

.topic.entity-206739 {
  background-color: #7D55C7;
}

.topic.entity-206742 {
  background-color: #84BD00;
}

.topic.entity-206745 {
  background-color: #F6BE00;
}

.topic.entity-206748 {
  background-color: #DA291C;
}

.topic.entity-218229 {
  background-color: #F76902;
}

.topic.entity-206751 {
  background-color: #009CBD;
}

.topic.entity-209854 {
  background-color: #C4D600;
}

.title-major {
  line-height: 1.2rem;
  font-weight: 500;
}

.title-major.entity-206739 {
  color: #7D55C7;
}

.title-major.entity-206742 {
  color: #84BD00;
}

.title-major.entity-206745 {
  color: #F6BE00;
}

.title-major.entity-206748 {
  color: #DA291C;
}

.title-major.entity-218229 {
  color: #F76902;
}

.title-major.entity-206751 {
  color: #009CBD;
}

.title-major.entity-209854 {
  color: #C4D600;
}

.company {
  font-weight: 300;
  line-height: 1.25rem;
}

.archive .quote {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.1em;
}

.archive .quote-lg, .archive .title-major-lg, .archive .company-lg {
  display: none;
}

@media (max-width: 992px) {
  .archive .title-major-lg, .archive .company-lg {display: block;}
  .archive .title-major-sm, .archive .company-sm {display: none;}
}

@media (max-width: 767px) {
  .archive .title-major-xs, .archive .company-xs {display: block;}
  .archive .title-major-lg, .archive .company-lg {display: none;}
}

@media (min-width: 1460px) {
  .archive .quote-lg {display: block;}
  .archive .quote-sm {display: none;}
}

.archive .quote.entity-206739 {
  color: #F76902;
}

.archive .quote.entity-206742 {
  color: #DA291C;
}

.archive .quote.entity-206745 {
  color: #F76902;
}

.archive .quote.entity-206748 {
  color: #7D55C7;
}

.archive .quote.entity-2182298 {
  color: #84BD00;
}

.archive .quote.entity-218229 {
  color: #84BD00;
}

.archive .quote.entity-206751 {
  color: #7D55C7;
}

.archive .quote.entity-209854 {
  color: #009CBD;
}

.archive .quote:before {
  position: absolute;
  left: 0;
  display: block;
  font-size: 6rem;
  content: '\201C';
  font-weight: 600;
  color: #dedfdf;
}

.archive .quote-sm:before {
  left: 1rem;
}

.archive .btn-outline-primary.entity-206739 {
  color: #F76902;
  border-color: #F76902;
}

.archive .btn-outline-primary.entity-206739:hover, .archive .btn-outline-primary.entity-206739:focus {
  color: #fff;
  background-color: #F76902;
}

.archive .btn-outline-primary.entity-206742 {
  color: #DA291C;
  border-color: #DA291C;
}

.archive .btn-outline-primary.entity-206742:hover, .archive .btn-outline-primary.entity-206742:focus {
  color: #fff;
  background-color: #DA291C;
}

.archive .btn-outline-primary.entity-206745 {
  color: #DA291C;
  border-color: #DA291C;
}

.archive .btn-outline-primary.entity-206745:hover, .archive .btn-outline-primary.entity-206745:focus {
  color: #fff;
  background-color: #DA291C;
}

.archive .btn-outline-primary.entity-206748 {
  color: #DA291C;
  border-color: #DA291C;
}

.archive .btn-outline-primary.entity-206748:hover, .archive .btn-outline-primary.entity-206748:focus {
  color: #fff;
  background-color: #7D55C7;
}

.archive .btn-outline-primary.entity-218229 {
  color: #84BD00;
  border-color: #84BD00;
}

.archive .btn-outline-primary.entity-218229:hover, .archive .btn-outline-primary.entity-218229:focus {
  color: #fff;
  background-color: #84BD00;
}

.archive .btn-outline-primary.entity-206751 {
  color: #7D55C7;
  border-color: #7D55C7;
}

.archive .btn-outline-primary.entity-206751:hover, .archive .btn-outline-primary.entity-206751:focus {
  color: #fff;
  background-color: #7D55C7;
}

.archive .btn-outline-primary.entity-209854 {
  color: #009CBD;
  border-color: #009CBD;
}

.archive .btn-outline-primary.entity-209854:hover, .archive .btn-outline-primary.entity-209854:focus {
  color: #fff;
  background-color: #009CBD;
}

/* Filtered results */

.captcha-admin-links {
  display: none;
}

.archive .bef-exposed-form {
  background: #f9f9f9;
  padding: 0.5em;
  margin-bottom: 2rem;
  font-size: .9em;
}

.archive .bef-exposed-form .bef--secondary {
  border: none;
  margin-top: 0;
  margin-bottom: 0;
}

.archive .bef-exposed-form .form-actions {
  margin-top: 0;
}

.archive .bef-exposed-form .details-title {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1rem;
}

.archive .bef-exposed-form .collapse-processed > summary {
  display: inline-block;
}

.archive .bef-exposed-form .collapse-processed:not([open]) > summary:before {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.archive .bef-exposed-form .collapse-processed > summary:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  float: left;
  width: 1em;
  height: 1em;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f078";
  background: none;
  margin-right: 8px;
}

summary {
  list-style: none !important;
}

summary::-webkit-details-marker {
  display: none !important;
  background: none !important;
  color: transparent !important;
}

.archive .bef-exposed-form .form-item {
  margin-top: 0;
}

.archive .bef-exposed-form .fieldset-wrapper {
  border: none;
}

/*.archive .bef-exposed-form .custom-control {
  padding-left: 0;
}*/

.archive .views-exposed-form .form--inline .webform-term-checkboxes .form-type-checkbox {
  display: inline-block;
}

.archive .bef-exposed-form .custom-control-label {
  padding-top: .2em;
}

.archive .bef-exposed-form #edit-reset--2 {
  display: none;
}

.archive .bef-exposed-form input[data-drupal-selector="edit-reset"] {
  margin-left: 1.5rem;
}

/*manage view*/

.manage .image-style-thumbnail {
  width: auto;
  height: 150px;
}



@media (max-width: 1000px) {
  td.views-field.views-field-webform-submission-value-7 {
  max-width:90%;
  width:90%;
  clear:both;
  float:left;
  margin-right:.5rem;
  }
  td.views-field.views-field-webform-submission-value {
  max-width:90%;
  width:auto;
  clear:both;
  float:left;
  border-top: none;
  margin-right:.5rem;
  }
  tr#spotlight, tr#spotlightrows {
  max-width:90%;
  width:auto;
  clear:both;
  float:left;
  border-top: none;
  margin-right:.5rem;
  }
  main {
  margin-left:1rem;
  margin-right:1rem;
  }
  .view-display-id-page_3 span#image-id {
  font-size:.8rem;
  line-height:1.2rem;
  padding-left:0px;
  padding-right:0px;
  margin-top:1rem;
  float:left;
  }
  .view-display-id-page_3 .view-header,
  .view-display-id-page_3 .view-content {
    margin-left:2%;
    margin-right:2%;
}
  .view-display-id-page_2 .views-view-grid .views-row .views-col {
    margin-bottom:2rem !important;
  }
}
@media (max-width: 768px) {
  .view-display-id-page_2 .views-view-grid .views-col {
    width:100% !important;
    max-width:100% !important;
    display:block !important;
  }
}
@media (max-width: 640px) {
  .view-display-id-page_2 img.webform-image-file {
    width: 60% !important;
    max-width: 500px;
  }
}
@media (max-width: 460px) {
  .view-display-id-page_2 img.webform-image-file {
    width: 100% !important;
    max-width: 500px;
  }
}