/**
 *
 * Styles for content generated with Views module.
 *
 */

/**
 * BEGIN: Global Views adjustments.
 */

/*
 * Adjust padding for Bootstrap columns from fields in "page" views.
 * This fixes issues with indentation.
 */
.region-content .field.col-xs-12,
.region-content .field.col-sm-12,
.region-content .field.col-md-12,
.region-content .field.col-lg-12 {
/*
.region-content .field .view .row .col-xs-12,
.region-content .field .view .row .col-sm-12,
.region-content .field .view .row .col-md-12,
.region-content .field .view .row .col-lg-12 {
*/
  padding-left: 0;
  padding-right: 0;
}

/* Misc. site-wide common Views styles */
/*.views-view-page-template .views-row .views-field {}*/
.views-view-page-template .views-row .views-field .views-label,
.views-view-page-template .panel-body .views-field .views-label {
  display: inline-block;
  min-width: var(--size-xxl);
  font-weight: bold;
}


/* Play, View, Register, etc. buttons in accordions */
.views-view-page-template .views-bootstrap-accordion-plugin-style .panel-body .btn-block {
  margin-top: var(--size-lg);
  margin-bottom: var(--size-lg);
}

/* Topics, Presenters, CE, and other common fields in accordions */
.views-view-page-template .views-bootstrap-accordion-plugin-style .panel-body  .views-field-field-topics,
.views-view-page-template .views-bootstrap-accordion-plugin-style .panel-body .views-field-field-presenters,
.region-content .views-view-page-template .views-bootstrap-accordion-plugin-style .panel-body .views-field-field-presenters ul>li,
.views-view-page-template .views-bootstrap-accordion-plugin-style .panel-body .views-field-field-availability-dates {
  font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
  font-size: var(--size-md);
  line-height: var(--size-md-lh);
}
.region-content .views-view-page-template .views-bootstrap-accordion-plugin-style .panel-body .views-field-field-presenters ul {
  padding-left: var(--size-lg);
  padding-right: var(--size-lg);
}

/* Node body in accordions */
.views-view-page-template .views-bootstrap-accordion-plugin-style .panel-body .views-field-body {
  border-top: 1px solid var(--color-grey);
  margin-top: var(--size-sm);
  padding-top: var(--size-sm);
}
.region-content .views-view-page-template .views-bootstrap-accordion-plugin-style .panel-body .views-field-body p {
  padding-left: 0;
  padding-right: 0;
}

/** Views accordions refinements (desktop and mobile) **/
/*
.region-content .view .view-content .accordion-item {}
.region-content .view .view-content .accordion-item .accordion-header {}
.region-content .view .view-content .accordion-item .accordion-body {}
*/
.region-content .view .view-content .accordion-item .accordion-header .accordion-button {
  padding: var(--size-sm-alt2) var(--size-md);
}
.region-content .view .view-content .accordion-item .accordion-body {
  padding: var(--size-md);
}

@media screen and (max-width: 767.98px) /* MD */ {
  .region-content .view .view-content .accordion-item .accordion-header .accordion-button {
    padding: var(--size-sm);
  }
  .region-content .view .view-content .accordion-item .accordion-body {
    padding: var(--size-sm);
  }
  .region-content .view .view-content .accordion-item .accordion-body .node__content p {
    font-size: var(--size-sm-alt2);
    line-height: var(--size-sm-alt2-lh);
  }
}

/**
 * View filters
 */
.region-content .view .view-filters {
  margin-bottom: var(--size-lg);
  padding: 0 var(--size-md) var(--size-sm) var(--size-md);

  /* background-color: var(--color-id-grey-300); */
  background-color: var(--color-primary-xxxlt);

  box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -moz-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -webkit-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -o-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
}

/* Lots of nested elements results in huge margins sometimes - RESET */
.region-content .view .view-filters .views-exposed-form .form--inline .form-item {
  margin:0;
}
.region-content .view .view-filters .views-exposed-form .form--inline>.form-item {
  margin-top: var(--size-xs);
  margin-right: var(--size-xs);
  margin-bottom: var(--size-sm);
  margin-left: var(--size-xs);
}

.region-content .view .view-filters .views-exposed-form .form--inline legend {
  font-family: var(--font-bold-family); font-weight: var(--font-bold-weight); font-style: var(--font-bold-style);
  font-size: var(--size-lg);
  line-height: var(--size-lg-lh);
}
.region-content .view .view-filters .views-exposed-form .form--inline label {
  font-family: var(--font-demi-bold-family); font-weight: var(--font-demi-bold-weight); font-style: var(--font-demi-bold-style);
  font-size: var(--size-md);
  line-height: var(--size-md-lh);
}
.region-content .view .view-filters .views-exposed-form .form--inline .description {
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);
}

.region-content .view .view-filters .views-exposed-form .form--inline .form-actions {
  margin-top: var(--size-sm);
  margin-bottom: var(--size-xs);
}

.region-content .view .view-filters .views-exposed-form .form--inline .form-actions .btn {}
/** END **/

/* Read-more links in views rows */
.region-content .view .views-row .field-content a.views-more-link,
.region-content .view .views-row .views-field-view-node .field-content a {
  display: block;
  background-color: var(--color-grey-xlt);
  margin-bottom: 0.1em;
}
/** END **/

/**
 * BEGIN: Faceted search V9
 */
.view-faceted-search-cards .view-content {
  border-top: var(--size-border-sm) solid var(--color-grey-lt);
}

.view-faceted-search-cards .view-content .views-row {
  margin-top: var(--size-lg);
  margin-bottom: var(--size-xl);
}
.view-faceted-search-cards .view-content .views-row .views-field-type .field-content {
  font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
  font-size: var(--size-sm-alt1);
  line-height: var(--size-sm-alt1-lh);

  background-color: var(--color-alt1);
  color: var(--color-alt1-inv);
  padding: var(--size-sm-half) var(--size-sm);
}
.view-faceted-search-cards .view-content .views-row .views-field-title .field-content {
  /* This is an H2, but needs to look smaller */
  font-family: var(--font-demi-bold-family); font-weight: var(--font-demi-bold-weight); font-style: var(--font-demi-bold-style);
  font-size: var(--size-md-alt1);
  line-height: var(--size-md-alt1-lh);
}
.view-faceted-search-cards .view-content .views-row .views-field-changed .views-label,
.view-faceted-search-cards .view-content .views-row .views-field-changed .field-content,
.view-faceted-search-cards .view-content .views-row .views-field-body .field-content {
  font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
  font-size: var(--size-sm-alt1);
  line-height: var(--size-sm-alt1-lh);
}
/** END **/

/**
 *BEGIN: Personalized search
 */
.view-personalized-search .view-header .search-result-summary {
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);
}
.view-personalized-search .view-content {
  border-top: var(--size-border-sm) solid var(--color-grey-lt);
}

.view-personalized-search .view-content .views-row {
  margin-top: var(--size-lg);
  margin-bottom: var(--size-xl);
}

.view-personalized-search .view-content .views-row .views-field-type .field-content {
  font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
  font-size: var(--size-sm-alt1);
  line-height: var(--size-sm-alt1-lh);

  color: var(--color-grey-mdk);
  padding: var(--size-sm) 0;
}

.view-personalized-search .view-content .views-row .views-field-title .field-content {
  /* This is an H2, but needs to look smaller */
  font-family: var(--font-demi-bold-family); font-weight: var(--font-demi-bold-weight); font-style: var(--font-demi-bold-style);
  font-size: var(--size-md-alt1);
  line-height: var(--size-md-alt1-lh);
}

.view-personalized-search .view-content .views-row .views-field-changed .views-label,
.view-personalized-search .view-content .views-row .views-field-changed .field-content,
.view-personalized-search .view-content .views-row .views-field-body .field-content {
  font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
  font-size: var(--size-sm-alt1);
  line-height: var(--size-sm-alt1-lh);
}
/** Form **/
/*
#views-exposed-form-personalized-search-page-1 {
  background-color: var(--color-grey-lt);
}
*/
#views-exposed-form-personalized-search-page-1 .form-type-textfield input {
  border: var(--size-border-sm) solid var(--color-alt1);
  border-radius: var(--size-border-sm);
}
#views-exposed-form-personalized-search-page-1 .form-type-select select {
  font-size: var(--size-xs);
  line-height: var(--size-xs-lh);
/*
  font-size: var(--size-xs-alt1);
  line-height: var(--size-xs-alt1-lh);
*/
  padding-left: 4px;
}
#views-exposed-form-personalized-search-page-1 .form-select[multiple], 
#views-exposed-form-personalized-search-page-1 .form-select[size]:not([size="1"]) {
  padding-right: 4px;
}
/** END **/

/**
 * BEGIN: Clinical Trials and Studies View
 */
.region-content .view-listpage-clinical-trials-spotlight .views-row article {
  padding: var(--size-sm);
}
.region-content .view-listpage-clinical-trials-spotlight .views-row .promotion-type--market-research-study,
.region-content .view-listpage-clinical-trials-spotlight .views-row .promotion-type--non-therapeutic-study,
.region-content .view-listpage-clinical-trials-spotlight .views-row .promotion-type--spotlight-trial {
  margin-bottom: var(--size-sm);
  /* background-color: var(--color-grey-lt); */
  box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -moz-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -webkit-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -o-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);

}
/** END **/

/**
 * BEGIN: Advocacy Center View
 */
.region-content .view-listpage-article-coalition article {
   padding: var(--size-sm);
}
.region-content .view-listpage-article-coalition article.article-source--status-update {
  margin-bottom: var(--size-sm);

  box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -moz-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -webkit-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -o-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
}

/**
 * BEGIN: Tweaks to fields in views responsive tables...
 *
 * See also: style.css - * .table-responsive *
 *
 */
.region-content .table-responsive table.views-table td.views-field-field-diseases li {
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);
}
.region-content .table-responsive table.views-table td.views-field-field-lead-photo {
  min-width: 100px;
}

/** END **/

/**
 * BEGIN: Drugs and Treatments Listpage
 */
.region-content .view-listpage-drugs-and-treatments .views-row {
  padding: 0.33em;
  margin-bottom: 1em;
  border-bottom: 1px solid var(--color-id-grey-300);
}
.region-content .view-listpage-drugs-and-treatments .views-row h3.views-field {
  margin-top:0;
  margin-left:0;
}
.region-content .view-listpage-drugs-and-treatments .views-row .treatment-type-icon {
  float: right;
  padding: 0.25em 0.5em;
  border: var(--size-border-sm) solid;
  border-radius: 0.5em;
}
.region-content .view-listpage-drugs-and-treatments .views-row.type-drug {}
.region-content .view-listpage-drugs-and-treatments .views-row.type-treatment {
  /*
  box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -moz-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -webkit-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -o-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
  margin-bottom: 0.66em;
  */
}

.region-content .view-listpage-clinical-trials-spotlight {}
.region-content .view-listpage-clinical-trials-spotlight .views-row .spotlight-listing {
  background-color: var(--color-grey-lt);
  margin-bottom: var(--size-sm);
}

/** END **/

/**
 * Exposed forms on geofield views
 */
.region-content form.views-exposed-form .proximity-filter-summary {
  /* Text oriented to admins, not site visitors - always hide */
  display: none;
}

/** END **/


/**
 * Find a Specialist
 */
/* By Location... */
.region-content .view-find-specialist__location .view-content .table-responsive table th,
.region-content .view-find-specialist__location .view-content .table-responsive table td,
.region-content .view-find-specialist__location .view-content .table-responsive table td ul li {
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);
}

/* By Name... */
.region-content .view-find-specialist__name .view-content .table-responsive table th,
.region-content .view-find-specialist__name .view-content .table-responsive table td,
.region-content .view-find-specialist__name .view-content .table-responsive table td ul li {
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);
}

/* On a map... */
.region-content .view-find-specialist__map .view-content .geofield-google-map .field {
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);
}

.region-content .view-find-specialist__map .view-content .geofield-google-map h2 .field {
  font-size: var(--size-md-alt2);
  line-height: var(--size-md-alt2-lh);
}
.region-content .view-find-specialist__map .view-content .geofield-google-map h2::before {
  content: "▶";
  font-size: var(--size-md-alt2);
  line-height: var(--size-md-alt2-lh);
}

.region-content .view-find-specialist__map .view-content .geofield-google-map .gm-style-iw-d {
  margin-top: -2.5em; /* Float this up a bit so there is not so much whitespace at the top of the popup */
}
/** END **/

/**
 * BEGIN: Stories of Hope listview
 */
 .region-content .view-listpage-patient-chronicle .views-row {
  padding: 0.33em;
  margin-bottom: 1em;
  border-bottom: 1px solid var(--color-grey);
}

.region-content .view-listpage-patient-chronicle .views-row .views-field-title {
  margin-left: var(--size-md);
}
/** END **/

/**
 * BEGIN: Grant Recipients listview (should as similar as possible to 
 * Stories of Hope.
 */
 .region-content .view-listpage-grant-recipients .view-content>h3 {
  /* "Grant year: YYYY" */
  /* Style basically as a default h2. */
  font-family: var(--font-demi-bold-family); font-weight: var(--font-demi-bold-weight); font-style: var(--font-demi-bold-style);
  font-size: var(--size-xl);
  line-height: var(--size-xl-lh);
  margin-top: var(--size-xl);
  color: var(--color-primary-dk);
  border-bottom: 1px solid var(--color-grey);
 }

 .region-content .view-listpage-grant-recipients .views-row {
  padding: 0.33em;
  margin-bottom: 1em;
  border-bottom: 1px solid var(--color-grey);
}

/** END **/

/**
 * BEGIN: Patient Guides and Factsheets listview (should as similar as 
 * possible to Stories of Hope.
 */
 .region-content .view-listpage-patient-guides-and-factsheets .views-row {
  padding: 0.33em;
  margin-bottom: 1em;
  border-bottom: 1px solid var(--color-grey);
}

.region-content .view-listpage-patient-guides-and-factsheets .views-row .views-field-title {
  margin-left: var(--size-md);
}

/** END **/


/**
 * BEGIN: Podcast Episodes
 */
 .region-content .view-podcast-episodes .views-row {
  padding: 0.33em;
  margin-bottom: 1em;
  border-bottom: 1px solid var(--color-grey);
}

.region-content .view-podcast-episodes .views-row .views-field-title {
  margin-left: var(--size-md);
}
/** END **/

/**
 * Views Accordions (General)
 */
.region-content .view .view-content div.accordion {
  margin-bottom: var(--size-lg);
}
/** END **/

/**
 * Views Accordions with custom group-header (replaces h3 in other 
 * accordion views).  Obvious use case: Patient Guides and Fact Sheets
 */
.region-content .view .view-content div.group-header div.content p {
  font-family: var(--font-light-family); font-weight: var(--font-light-weight); 
  
  font-size: var(--size-sm-alt2);
  line-height: var(--size-sm-alt2-lh);
}

/** END **/

/**
 * BEGIN: Listpage: Leadership Awards (will be similar to Stories of Hope).
 */
 .region-content .view-listpage-leadership-awards .views-row {
  padding: 0.33em;
  margin-bottom: 1em;
  border-bottom: 1px solid var(--color-grey);
}

.region-content .view-listpage-leadership-awards .views-row .views-field-title {
  /* margin-left: var(--size-md); */
}
.region-content .view-listpage-leadership-awards .views-row .views-field-field-media img {
  margin-right: var(--size-sm);
  margin-bottom: var(--size-sm);
}
.region-content .view-listpage-leadership-awards .views-row .views-field-field-position p.intro {
  padding-top: 0;
  font-size: var(--size-md-alt2);
  line-height: var(--size-md-alt2-lh);
}

/** END **/