
/****************************************************************************************/
/******************************************************************** ARTICLE GLOBAL ****/
/****************************************************************************************/
.salto-main-media-copy {
  color: var(--salto-darkgray-1);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.25rem;
  text-align: right;
}

/********************************************************************* ARTICLE SHARE ****/
.shariff .theme-white .shariff-button {
  border: 1px solid #ddd;
  border: none;
}
.shariff .theme-white .shariff-button a {
  color: var(--salto-primary);
    background: transparent;
    margin-left: 6px;
}
.shariff .theme-white .shariff-button a:hover {
  background-color: var(--salto-primary);
  color: var(--salto-white);
}
.shariff ul {
  justify-content: flex-end ;
}

.shariff .theme-white .shariff-button {
  border: 1px solid #ddd;
  border: none;
}

.shariff ul {
  justify-content: flex-end;
}

.article-role-editor .shariff .theme-white .shariff-button a {
  color: var(--salto-primary);
  background: transparent;
  margin-left: 6px;
}

.article-role-editor .shariff .theme-white .shariff-button a:hover {
  background-color: var(--salto-primary);
  color: var(--salto-white);
}

.article-role-editor .shariff .theme-white .shariff-button a {
  color: var(--salto-primary);
  background: transparent;
  margin-left: 6px;
}

.article-role-editor .shariff .theme-white .shariff-button a:hover {
  background-color: var(--salto-primary);
  color: var(--salto-white);
}

.article-role-columnist .shariff .theme-white .shariff-button a {
  color: var(--salto-primary);
  background: transparent;
  margin-left: 6px;
}

.article-role-columnist .shariff .theme-white .shariff-button a:hover {
  background-color: var(--salto-primary);
  color: var(--salto-white);
}

.article-role-columnist .shariff .theme-white .shariff-button a {
  color: var(--salto-primary);
  background: transparent;
  margin-left: 6px;
}

.article-role-columnist .shariff .theme-white .shariff-button a:hover {
  background-color: var(--salto-primary);
  color: var(--salto-white);
}

.article-role-community .shariff .theme-white .shariff-button a {
  color: var(--salto-community-primary);
  background: transparent;
  margin-left: 6px;
}

.article-role-community .shariff .theme-white .shariff-button a:hover {
  background-color: var(--salto-community-primary);
  color: var(--salto-white);
}

.article-role-community .shariff .theme-white .shariff-button a {
  color: var(--salto-community-primary);
  background: transparent;
  margin-left: 6px;
}

.article-role-community .shariff .theme-white .shariff-button a:hover {
  background-color: var(--salto-community-primary);
  color: var(--salto-white);
}

.article-role-partner-plus-content .shariff .theme-white .shariff-button a {
  color: var(--salto-partner-primary);
  background: transparent;
  margin-left: 6px;
}

.article-role-partner-plus-content .shariff .theme-white .shariff-button a:hover {
  background-color: var(--salto-partner-primary);
  color: var(--salto-white);
}

.article-role-partner-plus-content .shariff .theme-white .shariff-button a {
  color: var(--salto-partner-primary);
  background: transparent;
  margin-left: 6px;
}

.article-role-partner-plus-content .shariff .theme-white .shariff-button a:hover {
  background-color: var(--salto-partner-primary);
  color: var(--salto-white);
}

.department-salto-music .shariff .theme-white .shariff-button a {
  color: var(--salto-music-primary);
  background: transparent;
  margin-left: 6px;
}

.department-salto-music .shariff .theme-white .shariff-button a:hover {
  background-color: var(--salto-music-primary);
  color: var(--salto-white);
}

.department-salto-music .shariff .theme-white .shariff-button a {
  color: var(--salto-music-primary);
  background: transparent;
  margin-left: 6px;
}

.department-salto-music .shariff .theme-white .shariff-button a:hover {
  background-color: var(--salto-music-primary);
  color: var(--salto-white);
}

/****************************************************************************************/
/******************************************************************** ARTICLE EDITOR ****/
/****************************************************************************************/
.article-editors-pretitle,
.article-editors-pretitle a,
.article-editors-pretitle a:hover {
  color: var(--salto-editor-primary);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
}
.article-editors-title h2 {
  color: var(--salto-editor-primary);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3rem;
}
.article-editors-teaser {
  color: var(--salto-darktext);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.article-editors-byline {
  color: var(--salto-darkgray-1);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}
.article-editors-byline .salto-article-author a,
.article-editors-byline .salto-article-author a:hover {
  color: var(--salto-editor-primary);
}
.article-editors-disclaimer {
  color: var(--salto-white);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  background-color: var(--salto-editor-primary);
}

/********************************************************* ARTICLE EDITOR SALTO PLUS ****/
.article-editors-title .salto-plus img {
  width: auto;
  height: auto;
  vertical-align: baseline;
}
/* copy from style */
.login-salto-plus svg {
  border-radius: 0;
}

/****************************************************************************************/
/***************************************************************** ARTICLE COLUMNIST ****/
/****************************************************************************************/
.article-role-columnist #main-wrapper {
  background-color: var(--salto-columnist-background-1);
}
/*
.article-columnists-paragraphs li.list-group-item {
  background-color: transparent;
}
*/
.article-columnists-pretitle,
.article-columnists-pretitle a,
.article-columnists-pretitle a:hover  {
  color: var(--salto-columnist-primary);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
}
.article-columnists-title h2 {
  color: var(--salto-columnist-primary);
  font-family: var(--salto-font-serif);
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3rem;
}
.article-columnists-teaser {
  color: var(--salto-darktext);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.block-views-blocksalto-article-elements-article-salto-columnists-byline {
  font-family: var(--salto-font-serif);
}
.article-columnists-byline img {
  width: 48px;
  height: 48px;
}
.article-columnists-byline .salto-article-author a,
.article-columnists-byline .salto-article-author a:hover {
  color: var(--salto-columnist-primary);
}
.article-columnists-disclaimer {
  color: var(--salto-white);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  background-color: var(--salto-columnist-primary);
}

/****************************************************************************************/
/******************************************************* ARTICLE COMMUNITY/SELECTION ****/
/****************************************************************************************/
.salto-chosen-article img {
    width: 1.25rem;
    float: left;
}
.salto-chosen-article h2 {
  color: var(--salto-community-primary);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: 0.1rem;
}
/*
.article-role-authenticated-user #main-wrapper,
.article-role-authenticated-user-chosen-by-editors #main-wrapper {
  background-color: var(--salto-community-background-3);
}
*/
.article-role-community #main-wrapper {
  background-color: var(--salto-community-background-3);
}

.article-selection-icon-and-text img {
  color: var(--salto-community-primary);
  width: 1.25rem;
/*  float: left; */
}
.article-selection-icon-and-text span {
  color: var(--salto-community-primary);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.1rem;
}

.article-community-pretitle,
.article-community-pretitle a,
.article-community-pretitle a:hover,
.article-selection-pretitle,
.article-selection-pretitle a,
.article-selection-pretitle a:hover {
  color: var(--salto-community-primary);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
}

.article-community-title h2,
.article-selection-title h2 {
  color: var(--salto-community-primary);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3rem;
}
.article-community-teaser,
.article-selection-teaser {
  color: var(--salto-darktext);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.article-community-byline,
.article-selection-byline {
  color: var(--salto-darkgray-1);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}
.article-community-byline .salto-article-author a,
.article-community-byline .salto-article-author a:hover,
.article-selection-byline .salto-article-author a,
.article-selection-byline .salto-article-author a:hover  {
  color: var(--salto-community-primary);
}
.block-views-blocksalto-article-elements-article-salto-community-byline hr,
.block-views-blocksalto-article-elements-article-salto-selection-byline hr {
  background-color: var(--salto-community-primary);
}

.block-views-blocksalto-article-elements-article-salto-community-disclaimer .row,
.block-views-blocksalto-article-elements-article-salto-selection-disclaimer .row {
  --bs-gutter-x: 0;
}
.article-community-disclaimer,
.article-selection-disclaimer {
  color: var(--salto-white);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  background-color: var(--salto-community-primary);
}

/****************************************************************************************/
/****************************************************************** ARTICLE PARTNERS ****/
/****************************************************************************************/
/*
.article-role-partner-content-editor #main-wrapper {
  background-color: var(--salto-partner-background-2);
}
*/
.article-role-partner-content #main-wrapper,
.article-role-partner-plus-content #main-wrapper {
  background-color: var(--salto-partner-background-2);
}

.article-partners-pretitle,
.article-partners-pretitle a:link,
.article-partners-pretitle a:hover {
  color: var(--salto-partner-primary) !important;
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
}

.article-partners-title h2 {
  color: var(--salto-partner-primary);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3rem;
}
.article-partners-teaser {
  color: var(--salto-darktext);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.article-partners-byline img {
  width: 70px;
  height: 70px;
}
.article-partners-byline {
  color: var(--salto-darkgray-1);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}
.article-partners-byline .salto-article-author a,
.article-partners-byline .salto-article-author a:hover {
  color: var(--salto-partner-primary);
}
.block-views-blocksalto-article-elements-article-salto-partners-byline hr {
  background-color: var(--salto-partner-primary);
}

.block-views-blocksalto-article-elements-article-salto-partners-disclaimer .row {
  --bs-gutter-x: 0;
}
.article-partners-disclaimer {
  color: var(--salto-white);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  background-color: var(--salto-partner-primary);
}

/****************************************************************************************/
/*************************************************************** ARTICLE ADVERTORIAL ****/
/****************************************************************************************/
.article-role-pr-article-editor #main-wrapper {
  background-color: var(--salto-advertorial-background-1);
}
.article-advertorial-pretitle {
  color: var(--salto-advertorial-primary);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}
.article-advertorial-title h2 {
  color: var(--salto-advertorial-primary);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3rem;
}
.article-advertorial-teaser {
  color: var(--salto-darktext);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.article-advertorial-byline {
  color: var(--salto-darkgray-1);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}
.article-advertorial-byline .salto-article-author a,
.article-advertorial-byline .salto-article-author a:hover {
  color: var(--salto-advertorial-primary);
}
.block-views-blocksalto-article-elements-article-salto-advertorial-byline hr {
  background-color: var(--salto-advertorial-primary);
}

.block-views-blocksalto-article-elements-article-salto-advertorial-disclaimer .row {
  --bs-gutter-x: 0;
}
.article-advertorial-disclaimer {
  color: var(--salto-white);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  background-color: var(--salto-advertorial-primary);
}

/****************************************************************************************/
/**************************************************************** ARTICLE PARAGRAPHS ****/
/****************************************************************************************/
.paragraph {
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .paragraph {
    padding: 1rem;
  }
}

/*
.view-salto-article-elements .row {
  margin: 0 !important;
}
*/

.view-salto-article-elements li.list-group-item {
  /*
  border: 1px solid red;
  */
  border: none;
  margin: 0 !important;
  padding: 0;
  background-color: transparent;
}

/****************************************************************** PARAGRAPH HEADER ****/
.paragraph h2 {
  color: var(--salto-primary);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.875rem;
  padding-bottom: 1rem;
}

.article-partners-paragraphs .paragraph h2,
.article-partners-paragraphs .paragraph--type--more-articles h2 {
  color: var(--salto-partner-primary);
}

.article-advertorial-paragraphs .paragraph h2,
.article-advertorial-paragraphs.paragraph--type--more-articles h2 {
  color: var(--salto-advertorial-primary);
}

.article-community-paragraphs .paragraph h2,
.article-community-paragraphs.paragraph--type--more-articles h2 {
  color: var(--salto-community-primary);
}

.article-partners-paragraphs .paragraph a {
  color: var(--salto-partner-primary);
}
.article-advertorial-paragraphs .paragraph a {
  color: var(--salto-advertorial-primary);
}
.article-community-paragraphs .paragraph a {
  color: var(--salto-community-primary);
}

.article-role-partners .btn.btn-primary {
  background-color: var(--salto-partner-primary);
  border-color: var(--salto-partner-primary);
  color: var(--salto-white);
}

.article-role-advertorial .btn.btn-primary {
  background-color: var(--salto-advertorial-primary);
  border-color: var(--salto-advertorial-primary);
  color: var(--salto-white);
}

.article-role-community .btn.btn-primary {
  background-color: var(--salto-community-primary);
  border-color: var(--salto-community-primary);
  color: var(--salto-white);
}


/******************************************************************** PARAGRAPH TEXT ****/
.paragraph p {
  color: var(--salto-darktext);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.paragraph p {
  color: var(--salto-darktext);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}

/*
.paragraph--type--image-text-landscape h2,
.paragraph--type--image-text-portrait h2,
.paragraph--type--text-image-landscape h2,
.paragraph--type--text-image-portrait h2,
.paragraph--type--text-infobox h2,
.paragraph--type--infobox h2 {
  color: var(--salto-primary);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.875rem;
}
*/
/*
.paragraph--type--image-text-landscape p,
.paragraph--type--image-text-portrait p,
.paragraph--type--text-image-landscape p,
.paragraph--type--text-image-portrait p,
.paragraph--type--text-infobox p,
.paragraph--type--infobox p {
  color: var(--salto-darktext);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
*/

/*
.paragraph--type--text-image-portrait .field--name-field-text-image-caption
*/

.salto-caption {
  line-height: 1rem;
}
.salto-caption .salto-caption-pretext {
  color: var(--salto-darkgray);
  font-size: 0.75rem;
  line-height: 1rem;;
  font-family: var(--salto-font-serif);
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
}
.salto-caption .salto-caption-text {
  color: var(--salto-darkgray);
  font-family: var(--salto-font-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
}
.salto-caption .salto-caption-copy {
  color: var(--salto-darkgray);
  font-family: var(--salto-font-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
}


.salto-caption .salto-caption-copyright {
  color: var(--salto-darkgray-1);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
}

.field--name-field-text-image {
  margin: 0;
}

/******************************************************************* PARAGRAPH QUOTE ****/
.paragraph blockquote {
  width: 75%;
  margin: 0 auto;
}
.paragraph blockquote p {
  font-family: var(--salto-font-serif);
  font-style: italic;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.875rem;
  text-align: center;
}

.paragraph--type--image-text-landscape blockquote p,
.paragraph--type--image-text-portrait blockquote p,
.paragraph--type--text-image-landscape blockquote p,
.paragraph--type--text-image-portrait blockquote p,
.paragraph--type--text-infobox blockquote p {
  color: var(--salto-primary);
  font-family: var(--salto-font-serif);
  font-style: italic;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.875rem;
  text-align: center;
}

/*************************************************************** PARAGRAPH BODY TEXT ****/
.views-field-body {
  color: var(--salto-darktext);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.views-field-body h3 {
  color: var(--salto-primary);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

/***************************************************************** PARAGRAPH INFOBOX ****/
.paragraph--type--infobox {
  background: var(--salto-primary);
  color: var(--salto-white);
  padding: 1rem;
}

.article-partners-paragraphs .paragraph--type--infobox {
  background: var(--salto-partner-primary);
  color: var(--salto-white);
  padding: 1rem;
}

.article-partners-paragraphs .paragraph--type--infobox h2,
.article-partners-paragraphs .paragraph--type--infobox a {
  color: var(--salto-white);
}

.article-advertorial-paragraphs .paragraph--type--infobox {
  background: var(--salto-advertorial-primary);
  color: var(--salto-white);
  padding: 1rem;
}

.article-advertorial-paragraphs .paragraph--type--infobox h2,
.article-advertorial-paragraphs .paragraph--type--infobox a {
  color: var(--salto-white);
}

.article-community-paragraphs .paragraph--type--infobox {
  background: var(--salto-community-primary);
  color: var(--salto-white);
  padding: 1rem;
}
.article-community-paragraphs .paragraph--type--infobox h2,
.article-community-paragraphs .paragraph--type--infobox a {
  color: var(--salto-white);
}


.article--paragraphs .paragraph--type--infobox {
  background: var(--salto-advertorial-primary);
  color: var(--salto-white);
  padding: 1rem;
}

.paragraph--type--infobox h2,
.paragraph--type--infobox h4,
.paragraph--type--infobox p,
.paragraph--type--infobox a,
.paragraph--type--infobox .salto-caption span {
  color: var(--salto-white);
}
.paragraph--type--infobox a:hover {
  color: var(--salto-white);
}
.paragraph--type--infobox h2.h4 {
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}


.article-advertorial-paragraphs .paragraph--type--text-infobox .salto-caption .salto-caption-copy {
  color: var(--salto-white);
}

/********************************************************** PARAGRAPH TEXT + INFOBOX ****/
.paragraph--type--text-infobox .col-md-4 {
  background: var(--salto-primary);
  color: var(--salto-white);
}

.article-partners-paragraphs .paragraph--type--text-infobox .col-md-4 {
  background: var(--salto-partner-primary);
  color: var(--salto-white);
}

.article-advertorial-paragraphs .paragraph--type--text-infobox .col-md-4 {
  background: var(--salto-advertorial-primary);
  color: var(--salto-white);
}

.article-community-paragraphs .paragraph--type--text-infobox .col-md-4 {
  background: var(--salto-community-primary);
  color: var(--salto-white);
}

.article-partners-paragraphs .paragraph--type--text-infobox .col-md-4 .salto-caption .salto-caption-copy {
  color: var(--salto-white);
}

.article-advertorial-paragraphs .paragraph--type--text-infobox .col-md-4 .salto-caption .salto-caption-copy {
  color: var(--salto-white);
}

.article-community-paragraphs .paragraph--type--text-infobox .col-md-4 .salto-caption .salto-caption-copy {
  color: var(--salto-white);
}

.paragraph--type--text-infobox .col-md-4 h2 {
  color: var(--salto-white);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.paragraph--type--text-infobox .col-md-4 h2.h4 {
  color: var(--salto-white);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}
.paragraph--type--text-infobox .col-md-4 p {
  color: var(--salto-white);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.paragraph--type--text-infobox .col-md-4 a {
  color: var(--salto-white);
}

/*********************************************************** PARAGRAPH MORE ARTICLES ****/
.paragraph--type--more-articles h2 {
  color: var(--salto-primary);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.875rem;
}
.paragraph--type--more-articles h3.h5,
.paragraph--type--more-articles h3.h5 a,
.paragraph--type--more-articles h3.h5 a:hover {
  color: var(--salto-primary);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.article-partners-paragraphs .paragraph--type--more-articles h3.h5,
.article-partners-paragraphs .paragraph--type--more-articles h3.h5 a,
.article-partners-paragraphs .paragraph--type--more-articles h3.h5 a:hover {
  color: var(--salto-partner-primary);
}

.article-advertorial-paragraphs .paragraph--type--more-articles h3.h5,
.article-advertorial-paragraphs .paragraph--type--more-articles h3.h5 a,
.article-advertorial-paragraphs .paragraph--type--more-articles h3.h5 a:hover {
  color: var(--salto-advertorial-primary);
}

.article-community-paragraphs .paragraph--type--more-articles h3.h5,
.article-community-paragraphs .paragraph--type--more-articles h3.h5 a,
.article-community-paragraphs .paragraph--type--more-articles h3.h5 a:hover {
  color: var(--salto-community-primary);
}


/****************************************************************************************/
/***************************************************************** ARTICLES COMMENTS ****/
/****************************************************************************************/
.article-generic-comments-and-form .comment__content {
  background-color: transparent;
  width: 100%;
  border: none;
}
.article-generic-comments-and-form .indented {
  margin-left: 0.25rem !important;
  border-left: 2px solid var(--salto-community-primary);
  padding-left: 0.5rem !important;
}
.article-generic-comments-and-form .filter-guidelines-restricted_html {
  display: none;
}
/*
.comment__meta {
  display: none;
}
*/
.comment .field--name-user-picture .field__label {
  display: none;
}
.comment .field--name-user-picture img {
  margin: 0;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  /* float: left; */
}
.comment__content::before,
.comment__content::after {
  display: none;
}
.comment__time {
  display: none;
}
.comment__permalink {
  display: none;
}
#comment-form a,
#comment-form .js-form-item-comment-body-0-format.form-item-comment-body-0-format,
#comment-form .filter-guidelines-item.filter-guidelines-legacy_html {
  display: none;
}
#comment-form button#edit-preview {
  display: none;
}

/*********************************************************** MOST COMMENTED ARTICLES ****/
/*
.block-views-blocksalto-article-elements-article-salto-generic-most-commented-articles {
}
*/
.view-display-id-article_salto_generic_most_commented_articles {
  padding: 1rem;
  margin: 1rem 0;
  border: 2.5px solid var(--salto-primary);
}
.view-display-id-article_salto_generic_most_commented_articles h3.h2 {
  color: var(--salto-primary);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.875rem;
  padding-bottom: 1rem;
}
.article-generic-most-commented-articles .commented-article a,
.article-generic-most-commented-articles .commented-article a:hover {
  color: var(--salto-primary);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-decoration: none;
}
.article-generic-most-commented-articles .salto-comments {
  position: relative;
  transform: scale(0.85);
}
.article-generic-most-commented-articles .salto-comments i {
  color: var(--salto-community-primary);
  font-size: 1.5rem;
}
.article-generic-most-commented-articles .comments-count {
  color: var(--salto-white);
  position: absolute;
  top: 0.15rem;
  left: 0.25rem;
 }

/****************************************************************************************/
/******************************************************************* ARTICLES LEGACY ****/
/****************************************************************************************/
 .article-editors-body-legacy p,
 .article-partners-body-legacy p,
 .article-columnists-body-legacy p,
 .article-community-body-legacy p {
  color: var(--salto-darktext);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
 }




/****************************************************************************************/
/***************************************************************** ARTICLE MUSIC ****/
/****************************************************************************************/
.article-role-music #main-wrapper {
  background-color: var(--salto-music-background-1);
}

/*
.article-music-paragraphs li.list-group-item {
  background-color: transparent;
}
*/
.article-music-pretitle,
.article-music-pretitle a,
.article-music-pretitle a:hover {
  color: var(--salto-music-primary);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
}

.article-music-title h2 {
  color: var(--salto-music-primary);
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3rem;
  font-family: var(--salto-font-music);
}

.article-music-teaser {
  color: var(--salto-darktext);
  font-family: var(--salto-font-serif);
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.block-views-blocksalto-article-elements-article-salto-music-byline {
  font-family: var(--salto-font-serif);
}
.block-views-blocksalto-article-elements-article-salto-music-byline hr {
  background-color: var(--salto-music-primary);
}

.article-music-byline img {
  width: 48px;
  height: 48px;
}

.article-music-byline .salto-article-author a,
.article-music-byline .salto-article-author a:hover {
  color: var(--salto-music-primary);
}

.article-music-disclaimer {
  color: var(--salto-white);
  font-family: var(--salto-font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  background-color: var(--salto-music-primary);
}

.article-music-paragraphs .paragraph blockquote p {
  color: var(--salto-music-primary);
}


/* ARTICLE GALLERY DESCRIPTION */
.glightbox-clean .gslide-description {
  background: #000!important;
}
.glightbox-clean .gslide-desc {
  color: #fff;
}

.department-salto-music .paragraph--type--infobox,
.department-salto-music .paragraph--type--text-infobox .infobox {
  color: var(--salto-white);
  background-color: var(--salto-music-primary);
}

.department-salto-music .paragraph--type--infobox .infobox a,
.department-salto-music .paragraph--type--infobox .infobox h2,
.department-salto-music .paragraph--type--text-infobox .infobox a,
.department-salto-music .paragraph--type--text-infobox .infobox h2 {
  color: var(--salto-white) !important;
}

.department-salto-music .paragraph blockquote p {
  color: var(--salto-music-primary);
}

.article-role-community .paragraph blockquote p {
  color: var(--salto-community-primary);
}

.article-role-partner-content .article-partners-pretitle a,
.article-role-partner-content .paragraph blockquote p {
  color: var(--salto-partner-primary);
}

.article-role-partner-plus-content .article-partners-pretitle a,
.article-role-partner-plus-content .paragraph blockquote p {
  color: var(--salto-partner-primary);
}

.article-role-advertorial .paragraph blockquote p {
  color: var(--salto-advertorial-primary);
}

.article-role-editor .paragraph blockquote p {
  color: var(--salto-primary);
}

/* Entity abuse form (comments) */

.entity-abuse-report-form .h-100 > .h-100 {
  display: none;
}

/* Confirm (primary) button */
.ui-dialog button {
  border-radius: 0 !important;
  background: var(--salto-primary) !important;
  color: var(--salto-white) !important;
  border: none !important;
}

/* Chancel (secondary) button */
.ui-dialog .button {
  border: none;
  background: none;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
  border-color: var(--salto-primary);
}

.ui-dialog-titlebar {
  background-color: var(--salto-primary);
  color: var(--salto-white);
  border: none;
  border-radius: 0;
}

.ui-dialog-titlebar .ui-icon {
  filter: brightness(5);
}

.ui-dialog.ui-widget {
  padding: 0;
}

.comment__content nav {
  float: left;
}

.comment__content .ear-links {
  float: right;
}
