/*
//
//
//   NEWS - 2024 -- 5/21/24
//        design by Christina Hoffmeister (Spring 24 intern)
//        implemented by aap
//   
//   Article Page
//
*/

/*
*
* Article Meta Data --aap 5/28/2025
*  replace all "test-" 
*     - test-article
*     - articlefield-test-tags
*     - blocknodetest-articlecreated
*/


.node--type-test-article h1.title {
  padding-block-end:  0.5em;
  border-bottom: 1px dotted var(--lightest-visible);
  text-wrap: pretty;
  padding-right: 10%;
}

.node--type-article .field--label-inline,
.node--type-test-article .field--label-inline {
  display: flex;
}

.node--type-article .field__label:after,
.node--type-test-article .field__label:after {
  content: ": ";
  display: inline-block;
}

.node--type-test-article .block-field-blocknodetest-articlecreated {
  /* border-top: 1px dotted var(--lightest-visible); */
  /* padding-top: 0.25em; */
  font-size: var(--ua-type-size--1);
  line-height: 1.5em;
  color: var(--secondary-text-color);

  /* no tags underneath on mobile*/
  margin-bottom: var(--row-gap-md);
}


.node--type-test-article .block-field-blocknodetest-articleuid {
  font-size: var(--ua-type-size--1);
  line-height: 1.5em;
  color: var(--secondary-text-color);

  /* ugh... figure out how to deal with the author name later... for now, just hide it */
  display: none;
}

.node--type-test-article .block-field-blocknodetest-articlefield-test-tags {
  border-bottom: 1px dotted var(--lightest-visible);
  padding-bottom: 0.75em;
  font-size: var(--ua-type-size--1);
  line-height: 1.5em;
  color: var(--secondary-text-color);

  margin-bottom: var(--row-gap-md);

  /* hide on mobile - touch targets way too small */
  display: none;
}

.node--type-test-article .block-field-blocknodetest-articlefield-test-tags a {
  color: var(--dark-gray-color);
  text-decoration-color: var(--ua-gold-mid);
  text-decoration-style: dotted;
}

.node--type-test-article .block-field-blocknodetest-articlefield-test-tags a:hover {
  color: var(--darker-gray-color);
  text-decoration-color: var(--ua-gold);
  text-decoration-style: solid;
}

/* undo barrio field.css:6 margin bottom */
.node--type-article .field--type-entity-reference,
.node--type-test-article .field--type-entity-reference {
  margin: 0 0 0.25em;
}

.node--type-article .layout.layout--twocol-section.layout--twocol-section--67-33, 
.node--type-test-article .layout.layout--twocol-section.layout--twocol-section--67-33 {
   justify-content: space-between;
}

/* hide the 'homepageslider' tag -- public doesnt need to see */
.node--type-test-article .block-field-blocknodetest-articlefield-test-tags a[href="/taxonomy/term/33"] {
  display: none;
}

.path-node.node--type-test-article .field--name-field-tldr-quick-summary {
/*   font-size: var(--ua-type-size-1); */
  padding-inline-start: 1em; 
  margin-block-end: 1.5em;

  border-left: 0.25em solid var(--ua-gold); 
}

@media all and (min-width: 768px) {


  .node--type-test-article h1.title {
    padding-block: 0.5em 1em;
  }

  .node--type-test-article .block-field-blocknodetest-articlecreated {
    margin-bottom: 0;
  }

  .node--type-test-article .block-field-blocknodetest-articlefield-test-tags {
    display: flex;
  }

  .path-node.node--type-test-article .field--name-field-tldr-quick-summary {
    font-size: var(--ua-type-size-1);
    padding-inline: 1em;
    padding-block: 1em;
    border-left: 0.25em solid var(--ua-gold);
  }
  
}


/*
*
* Right sidebar
*
*/

.path-node.node--type-test-article .layout__region--second h2 {
  font-size: var(--ua-type-size-1);
}

#share-article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1em;
}

.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 {
  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;
}
.path-node.node--type-test-article #make-a-gift-cta {
  display: none;
}


/* 
#share-article-social {
  margin-right: -2rem;
  margin-left: 3rem;
}

#share-article-social h3 {
    color: hsl(274, 55%, 36%);
    text-align: center;
    /* @link https://utopia.fyi/clamp/calculator?a=0,769,11—18 
    font-size: clamp(0.6875rem, 0.6875rem + 0.9103vi, 1.125rem);
}

#share-links {
  background-color: hsl(45, 46%, 95%);
   /* @link https://utopia.fyi/clamp/calculator?a=0,769,11—18 
  padding-block: clamp(0.6875rem, 0.6875rem + 0.9103vi, 1.125rem);
  display: flex;
  justify-content: space-evenly;
}

#share-links svg {
   /* @link https://utopia.fyi/clamp/calculator?a=0,769,11—18 
   padding-inline: clamp(0.6875rem, 0.6875rem + 0.9103vi, 1.125rem);
} */


@media all and (min-width: 768px) {
  
  .path-node.node--type-test-article .layout__region--second > .block:not(.cta-block) {
    /* padding-inline-start: var(--gutter-sm); */
    margin-block-end: var(--row-gap-sm);
  }

  #share-article {
    align-items: flex-start;
  }

  #share-article h2 {
    font-size: var(--ua-type-size-0);
    color: var(--ua-purple);
  }

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

  .layout__region--second .nav.menu--social-share-links,
  .layout__region--second .nav.menu--social-share-links ul.nav {
    margin-top: 1px;
  }
  
  #share-article ul {
    gap: var(--column-gap-sm);
    margin-right: calc(-1*var(--column-gap-sm));
  }
  
  #make-a-gift-cta {
    display: flex;
    border-radius: var(--border-radius-md) 0 var(--border-radius-md) 0;
    padding: var(--gutter-sm);
  }

  #make-a-gift-cta a.btn-outline-light {
    border-color: var(--ua-purple-highlight);
  }
}


@media all and (min-width: 992px) {
       
  #share-article {
    margin-block-start: 0.5em;
  }

  #share-article h2 {
    font-size: var(--ua-type-size-1);
  }

  .layout__region--second .nav.menu--social-share-links,
  .layout__region--second .nav.menu--social-share-links ul.nav {
    margin-top: 0;
  }
  
}



/*
//
//
//   Featured Image
//
//   
*/

@media all and (min-width: 768px) {

  .node--type-test-article #main-wrapper {
    background-color: var(--lightest-offset);
  }

  .node--type-test-article main {
    padding-inline: var(--column-gap-lg);
    padding-block: var(--row-gap-md);
    background: var(--white-color);
    box-shadow: var(--shadow-elevation-low);
  }

  body.node--type-article .field--type-entity-reference.field--name-field-featured-image, 
  body.node--type-test-article .field--type-entity-reference.field--name-field-featured-image {
    margin: -5em;
    box-shadow: var(--shadow-elevation-medium);
  }

  body.node--type-test-article .layout__region--content:has(.field--name-field-featured-image) {
    padding-block: 5.5em 8em;
  }


/* 
  .node--type-test-article .field--type-entity-reference.field--name-field-featured-image
  .field__item {
    margin: -2em;
  
  }
 */


}

/*
//
//
//   NEWS -Listing page
//   Article Teaser
//
*/


.news-item .node--view-mode-teaser {
  border-bottom: 0px;
  border-top: 3px solid #eeb211;
  padding-left: 10px;
  margin-bottom: 15px;
}

/* fancy the first one */

.path-news-spring2020 .item-list ul .news-item:first-of-type .node--view-mode-teaser {
  border-bottom: 0px;
  border-top: 0px solid #eeb211;
  margin-bottom: 0;
}


.path-news-spring2020 .item-list ul .news-item:nth-of-type(2) .node--view-mode-teaser {
  border-top: 0px solid #eeb211;
}

.news-item .node__content .node-readmore a {
  color: #ffffff;
  background-color: #642A90;
  padding: 10px 20px;
  margin-top: 5px;
}

.news-item .node__content .node-readmore a::before {
  display: none;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: '\f067'; /*  plus icon   */
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900; 
  font-size: 48px;
}


.news-item .node__content .node-readmore a svg {
    margin-right: 10px;
}

.news-item .node__content .node-readmore a:hover {
  background-color: #eeb211; 
  color: #642A90;
  text-decoration: none;
}

.news-item .node--view-mode-teaser .inline__links .nav-link {
  border: 0px;
}


.news-item .text-formatted ul {
  list-style: disc;
  margin-left: 20%;
}


#mc_embed_signup_scroll label {
  color: #642A90;
  display: block;
  padding-bottom: 5px;
}
#mc_embed_signup_scroll label:before {
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: '\f310';  /* inbox duotone icon  */
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  display: none;
}


#mc-embedded-subscribe {
  background-color: #642A90!important;
  border: 0px;
  padding: 5px 10px;
  font-size: .9rem;
  color: #ffffff;
  border-radius: 5px;
}


#mc_embed_signup_scroll svg {
  margin-right: 10px;
}


.figure-caption {
  line-height: 1.2em;
  display: block;
  font-style: italic;
  text-align: center;
  border-bottom: 1px solid #efefef;
  padding: 0px 5px 10px;
}

.bigimg + .figure-caption {
  margin-top: 80px;
}


@media all and (min-width: 768px) {

    .news-item .node__content {
      display: grid;
      grid-template-areas: 
      "a a"
      "b c";
      grid-template-columns: 1fr 2fr;
      position: relative;
    }

    .path-news-spring2020 .item-list ul .news-item:first-of-type .node--view-mode-teaser {
      display: flex;
      justify-content: stretch;
      align-items: center;
      width: 100%;
      padding: 0 5%;
      margin-top: -175px;
    }

    .path-news-spring2020 .item-list ul .news-item:first-of-type header {
      width: 45%;
    }


    .path-news-spring2020 .item-list ul .news-item:first-of-type header h2 {
        padding: 0px 0px 0px 33%;
        font-size: 1.5rem;
    }


    .path-news-spring2020 .item-list ul .news-item:first-of-type header h2::after {
      content: ">>";
      display: inline-block;
    }

    .path-news-spring2020 .item-list ul .news-item:first-of-type .node__content {
      display: flex;
      justify-content: stretch;
      align-items: center;
      width: 55%;
      grid-template-areas: unset;
      grid-template-columns: unset;
      flex-direction: row-reverse;
    }

    .path-news-spring2020 .item-list ul .news-item:first-of-type .node__content img {
        width: 150px;
    }


    .path-news-spring2020 .item-list ul .news-item:first-of-type .node__content .field--name-field-article-list-teaser-text {
      padding-top: 0px;
      padding-right: 10px;
      padding-left: 10px; 
      white-space: nowrap;
    }

    .path-news-spring2020 .item-list ul .news-item:first-of-type .node__content .statistics-counter {
        display: none;
    }

    .news-item .node__content .node-readmore {
      position: absolute;
      bottom: 10px;
      right: 10px;
    }


    .news-item .node--view-mode-teaser h2 {
      padding: 25px 10px 25px 10px;
    }

    .news-item .node--view-mode-teaser img {
      padding-left: 15px;
    }

    .news-item .node__content .field--name-field-article-list-teaser-text {
      padding-top: 25px;
      padding-left: 10%; 
      padding-right: 10%;
    }

      #mc_embed_signup_scroll {
        padding-left: 10%;
        text-align: center;
    }
    #mce-EMAIL {
        padding: 2px 5px; 
        min-width: 300px;
    }
}