body:has(#layout-builder) #share-article {
  display: none;
}


.node--type-legacy-news-article:has(#share-article) .node.node--type-article 
.layout:first-of-type 
.layout__region--second .block:first-child .field--type-entity-reference {
  /* margin-top: var(--row-gap-md); */
  /* border: 3px solid yellowgreen; */
} /* 
.node--type-test-article .field--type-entity-reference

:has(.share-article) .layout:first-of-type 
.layout__region--second .block:first-child .field--type-image img {
  margin-top: var(--row-gap-md); 
} */

/* legacy articles have an inserted "<article>" that has class .node--type-article (from d8),
so need to override from news.css ln 87 which sets top margin to 0 --11-14-25 --aap */ 
/* .node--type-legacy-article:has(.share-article) .node--type-article 
.field--type-entity-reference, 

.node--type-test-article .field--type-entity-reference
 */

body:is(.node--type-landing-page,
          .path-libraryambassadorprogram,
          .path-campusconversations,
          .path-exhibits-libros-arte,
          .path-services-standish-room,
          .path-scholarly-communications,
          .path-scholarly-communications-etds,
          .path-scholarly-communications-open-access,
          .path-scholarly-communications-open-access-current-agreements,
          .path-services-data,
          .path-services-reserves,
          .path-services-digital-scholarship,
          .path-framing-the-future,
          .path-news-newsletterspath-news-newsletter-spring-2024-framing-the-future
          ) #share-article {
            display: none;
}


#share-article.single-news {
  position: relative;
  top: -3lh;
  justify-content: flex-end;
  margin-block-end: -3lh;
}

/* hide single-news for anything with class starting with "path-news-newsletter-"*  */

body[class*="path-news-newsletter-"] #share-article.single-news,
body[class*="event"] #share-article.single-news,
body[class*="student-opp"] #share-article.single-news {
  display: none;
}



/* 
#share-article.single-news div {
flex: 0 1 40%;
}
#share-article.single-news div {
flex: 0 1 50%;
} */

 /* moved from News.css -- 11/11/2025 --aap */

/* takes up too much room on mobile - only show over 768 */
#share-article,
#share-newsletter-article,
.share-block {
  display: none;
}

@media all and (min-width: 768px) {
  #share-article,
  #share-newsletter-article,
  .share-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em;
    position: relative;
  }

 /*  .layout__region--second .nav.menu--social-share-links,
  .layout__region--second .nav.menu--social-share-links ul.nav {
    flex-wrap: nowrap;
    margin-top: 0px;
    justify-content: flex-end;
  } */

  /* #share-article div,
  .share-block div {
    flex: 0 1 50%;
  } */
  /* 
  #share-article ul {
    flex-wrap: nowrap;
    gap: 1em;
    justify-content: flex-end;
    margin-right: -1em;
  } */

 /*  .menu--social-share-links li.social-share a,
  .menu--social-share-links li.social-share a svg {
    height: var(--min-target-size);
    width: var(--min-target-size);
    display: inline-block;
    aspect-ratio: 1/1;
  } */


  ul.share-links {
    list-style: none;
    display: flex;
    gap: 1em;
    align-items: center;
    justify-content: space-between;
    justify-content: flex-end;
    /* margin-right: -1em; */
    margin-bottom: 1em;
  }


  ul.share-links li a {
   /*  height: var(--min-target-size);
    width: var(--min-target-size); */
    display: flex;
    align-content: center;
    justify-items: center;
    aspect-ratio: 1/1;
    transition: all 200ms ease-in-out;
    color: var(--ua-teal-light);
    flex-wrap: wrap;
  }

  ul.share-links li a svg {
   /*  height: var(--min-target-size);
    width: var(--min-target-size); */

    height: calc(.66 * var(--min-target-size));
    width: calc(.66 * var(--min-target-size));
    margin-inline: calc(.165 * var(--min-target-size));
    /* padding: calc(.1 * var(--min-target-size)); */
    /* display: flex; */
    aspect-ratio: 1/1;
    fill: var(--ua-teal-light);
  }

  ul.share-links li a svg.bigger {
    height: calc(.9 * var(--min-target-size));
    width: calc(.9 * var(--min-target-size));
  }

  ul.share-links li a:hover,
  ul.share-links li a:hover svg {
    transform: scale(var(--scale-up-md));
    color: var(--ua-teal);
    fill: var(--ua-teal);
  }


  #share-article ul,
  #share-newsletter-article ul,
  .share-block ul {
    gap: var(--column-gap-md);
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    /* margin-inline-end: calc(-1*var(--column-gap-sm)); */
    margin-inline-start: var(--column-gap-sm);
    margin-block: 1rem;
    padding-inline: var(--column-gap-sm);
  }

  /*  this only kind of works -- changes from 11-14 -- trying to make it smaller, but keep min target size 
  
  #share-article ul {
    gap: calc(0.66*var(--column-gap-sm));
    margin-inline-end: calc(-1*var(--column-gap-sm));
    margin-inline-start: 0;
    padding-inline: 0;
  } */


/* Share article in CONTENT -- before MAIN
            -- dev 11/11/2025 --aap
                    still need to tweak details between viewports
*/

/* 
.path-node.node--type-article :not(.full-full-width) h1,
.path-node.node--type-test-article :not(.full-full-width) h1 {
  margin-bottom: 0em;
} */
/*  its in the sidebar now, so no need to fit it in here 
       also ditch backgrounds borders --11-19-25 --aap
  .path-node:has(#share-article) h1 {
      margin-bottom: 0em;
  } */

  #share-article,
  #share-newsletter-article,
  .share-block {
    align-items: center;
   /*  background-color: var(--ua-gold-light); */
    padding-inline-end: var(--column-gap-sm);
    margin-block-end: var(--row-gap-sm);
   /*  border: 1px solid var(--ua-gold); */
   /*  border-top: 0px solid var(--ua-gold); */
  }
/* 
  ul.share-links li a, 
  ul.share-links li a svg {
    display: inline-block;
  } */


  #share-article h2,
  #share-newsletter-article h2,
  .share-block h2 {
    padding-block: 0;
    margin-block: 0;
    padding-inline-start: var(--column-gap-md);
    color: var(--ua-teal);
    font-weight: var(--ua-type-weight-normal);
    text-transform: uppercase;
    font-size: var(--ua-type-size-1);
  }

  #share-newsletter-article {
    flex: 0 1 40%;
  }
  
  #share-article ul,
  #share-newsletter-article ul,
  .share-block ul {
    gap: var(--column-gap-sm);
    /* margin-inline-end: calc(-1*var(--column-gap-sm)); */
    margin-inline-start: var(--column-gap-sm);
   /*  padding-inline: var(--column-gap-sm); */
    padding-inline-start: var(--column-gap-sm);
    padding-inline-end: 0;
  }
 /*  #share-article {
    align-items: flex-start;
  } */

  #share-article h2,
  #share-newsletter-article h2,
  .share-block h2 {
    font-size: var(--ua-type-size-0);
    /* margin-inline: var(--column-gap-sm); */
    padding-inline-start: var(--column-gap-sm); 
  }

  #share-article h2 svg,
  #share-newsletter-article h2 svg,
  .share-block h2 svg {
    height: 18px;          
    fill: var(--ua-gold);
  }

  #share-newsletter-article div {
    flex: 0 1 40%;
  }


  #share-article ul,
  #share-newsletter-article ul,
  .share-block ul {
    margin-block: 0;
  }
  
  .copied {
    transition: all 500ms all ease-in-out;
  }
 /*  #copied:not(:empty) {
    position: absolute;
    top: 2.15lh;
    left: 10.75ch;
    font-size: var(--ua-type-size--1);
    background: var(--ua-gold);
    padding: 0.25lh 0.5em;
    color: var(--ua-teal);
    border-radius: 0.25rem;
    font-weight: var(--ua-type-weight-strong);
  } */
  .copied:not(:empty) {
    position: absolute;
    top: -1lh;
    right: calc((4 * var(--min-target-size)) - (2 * var(--column-gap-sm)));
    font-size: var(--ua-type-size--1);
    background: var(--ua-gold);
    padding: 0.25lh 0.5em;
    color: var(--ua-teal);
    border-radius: 0.25rem;
    font-weight: var(--ua-type-weight-strong);
  }

}


@media all and (min-width: 992px) {
       
  #share-article,
  #share-newsletter-article,
  .share-block {    
    margin-block-start: 0;
    padding-block: var(--column-gap-sm);
    padding-inline: 0;
   /*  padding: var(--column-gap-sm); */
   /*  border: 1px solid var(--ua-gold); */
    /* width: 20%; */
   /*  float: right; */
    /* border-top: 0px; */
   /*  width: fit-content; */
   /*  margin-bottom: -4em; */
    /* z-index: 5; */
  }
    
  #share-article h2,
  #share-newsletter-article h2,
  .share-block h2 {
    font-size: var(--ua-type-size-0);
    padding-inline-start: 0;
    margin-inline-start: /* var(--gutter-sm); */ 0;
    display: inline-flex;
    align-items: center;
    gap: 7px;             /*  = var(--columng-gap-sm)? */
    font-weight: calc(1.25* var(--ua-type-weight-thin));
  }

}