/* Remove Featured Topics from Migration Tool (pre-release) 0.6 

[pageid="2843279389"] .space-overview__pinned {
    display: none;
}
*/

/* Remove Featured Topics from Getting Started with Shinydocs current and working version */ 

[pageid="2849177624"] .space-overview__pinned {
    display: none;
}

/* Remove Featured Topics from Shinydocs Professional current and working version */ 

[pageid="2864185361"] .space-overview__topics {
    display: none;
}

/* Remove Featured Topics from Shinydocs Professional current and working version*/

[pageid="2864185361"] .space-overview__pinned {
display: none;
}

/* Remove Featured Topics from Release Notes current and working version*/

[pageid="2738225503"] .space-overview__pinned {
display: none;
}

/* Remove Featured Topics from Announcements current and working version */

[pageid="2839347274"] .space-overview__pinned {
    display: none;
    }

/* Portal Home - hide site name link next to logo */

    a.py-3[href*='.com/?l=en'] {
        display: none;
    }

/* Portal Home - Search area */
  
    .portal__header__content__intro--intro {
        font-size: 19px;
        margin-bottom: 1rem;
    }
  
    .portal__header__content__intro--heading {
        font-size: 2.8rem;
        margin-bottom: 0;
    }
  
    .portal__header {
        padding-bottom: 5rem;
        padding-top: 4rem;
    }
  
/* Remove border from search bar on click */

    .vp-search-bar__input-container {
        border-style: none;
    }

/* Reduce top/bottom border on <hr> */

hr {
    margin-top: 1rem;
    margin-bottom: 2rem;
}
    
/* Portal Search Options - On Hover */
  
    .vp-dropdown--searchbar .vp-dropdown__button:focus-within, .vp-dropdown--searchbar .vp-dropdown__button[aria-expanded=true] {
        background-color: #045d56;
        color: #FFF;
        border: none;
    }
  
/* Search results - highlight keywords */
  
    .vp-search-result__description em {
        color: #045d56;
    }
  
/* Buttons - includes CTA */
  
    .vp-button {
        background-color: #1eb980;
        color: #FFF;
        border: #045d56;
        border-radius: 60px 60px 60px 60px;
    }
  
    .vp-button:hover {
        background-color: #f3f3f3;
        color: #000000;
    }

    .vp-button--variant-outline:focus {
        box-shadow: none;
        --tw-ring-color: #f3f3f3;
    }
  
    .vp-picker__button:focus {
        background-color: #1eb980;
    }

    .vp-picker__button:open {
        background-color: #1eb980;
    }

    .vp-picker__button:hover {
        background-color: #f3f3f3;
    }

    .vp-picker__menu {
        background-color: #f3f3f3;
    }

    .vp-button--variant-arrow:focus,.vp-button--variant-outline:focus {
        --tw-ring-color: #045d56;
    }

    .vp-button--variant-arrow:after {
        content: url('data:image/svg+xml;charset=utf-8,<svg width="14" height="10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.705 5.705v-1.41h10.59L8 1l1-1 5 5-5 5-1-1 3.295-3.295H.705Z" fill="%23000"/></svg>');
    }
  
/* Left menu tree on article pages */
  
    .vp-desktop-navigation__page-tree .vp-tree-item {
        font-size: 15px;
    }
    
    .vp-tree-item__header__icon circle {
        r: 2;
    }
  
/* Child display menus */
  
    .vp-accordion-link-group {
        border-style: none;
        border-radius: 0; 
        padding: 1em;
    }
  
    .vp-accordion-link-group a {
        color: #045d56;
    }

    .vp-accordion-link-group__item:not(:first-child) {
        border-style: none;
    }

    .vp-accordion-link-group__title {
        font-weight: 400;
    }
  
/* Heading Styles */
  
    h1.vp-article__heading {
        color: #045d56;
        font-weight: 300;
    } 
  
    .article__content h2 {
        color: #00312A;
        font-weight: 400;
    }
  
    .article__content h3 {
        color: #00312A;
        font-weight: 500;
    }
  
    .article__content h4 {
        color: #045d56;
        font-weight: 400;
        font-size: 1.25rem;
        margin-bottom: 0.5em;
    }
  
    .space-overview__detail__intro--title h1 {
        color: #045d56;
    }
  
    .portal__content__heading h2 {
        color: #045d56;
    }
  
/* Header and Footer */
  
    .header__navigation--logo img {
        vertical-align: super;
    } 

    .header__navigation--heading {
         padding-top: 0;
    }

    .render-links--link a {
        font-weight: 400;
    }  
  
    .footer__logo {
        max-width: 52px;
    }
  
/* Hide Content Source name on tablet - landscape */

    @media print, screen and (max-width:1100px) {
        .header__navigation--heading {
        display: none;
        }
    }

/* Hide Content Source name on mobile */

    @media print, screen and (max-width:767px) {
        .menu a {
        display: none;
        }
    }

/* Don't shrink logo on mobile */

    @media screen and (max-width: 767px) {
    .header__navigation--logo a img {
        max-height: 40px;
      	min-width: auto;
    	}
	}

/* Content Source page */
  
    .space-overview__detail__intro--description p {
        font-size: 22px;
    }
  
/*START COMPONENT-BANNER CSS */

  .component-banner {
    background-color: #f3f3f3;
    border: 2px solid #045d56;
    color: #ff0000;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-shadow: #000000 2px;
    padding: .5em 1.75rem .5em .75rem;
    position: relative;
    z-index: 101;
  }
  
  @media print,
  screen and (min-width:64em) {
    .component-banner {
          padding: .5em 4.5rem .5em 2rem
      }
  }
  
  @media print,
  screen and (max-width:63.99875em) {
      .component-banner--control-available {
          padding-right: 3.5em
      }
  }
  
  @media print,
  screen and (max-width:63.99875em) {
      .component-banner--control-available .component-banner__dismiss {
          right: 2.5rem
      }
  }
  
  .component-banner.hidden {
      display: none;
  }
  
  .component-banner__dismiss {
      transition: color .2s ease;
      color: #80869a;
      font-weight: 700;
      font-size: 1.5em;
      position: absolute;
      right: .75rem;
      top: .35em
  }
  
  @media print,
  screen and (min-width:64em) {
      .component-banner__dismiss {
          right: 3rem
      }
  }
  
  .component-banner__dismiss:focus,
  .component-banner__dismiss:hover {
      color: #000000;
      cursor: pointer
  }
  
  .component-banner__content {
      margin-bottom: 0;
      position: relative
  }
  
  @media print,
  screen and (min-width:64em) {
      .component-banner__content {
          overflow-x: hidden;
          text-overflow: ellipsis;
          white-space: nowrap
      }
  }
  
  .component-banner a.link-arrow,
  .component-banner a.link-arrow:visited {
      transition: background-size .4s ease;
      background: linear-gradient(180deg, transparent 65%, #25e9a4 0);
      background-size: 0 100%;
      background-repeat: no-repeat;
      color: #ffffff;
      display: inline-block;
      font-family: Roboto, Helvetica, Arial, sans-serif;
        font-weight: 400;
      position: relative;
      padding-right: 30px;
      width: auto;
      text-decoration-line: none;
        text-decoration-style: solid;
  }
  
  
  .component-banner a.text-link,
  .component-banner a.text-link:visited {
      color: #1062FB;
      display: inline-block;
      text-decoration-line: underline;
      font-family: nbAkademie-regular, Helvetica, Arial, sans-serif;
  }
  
  .component-banner a.text-link:hover {
        text-decoration: underline;
  }
  
  @media print,
  screen and (min-width:64em) {
      .component-banner a.link-arrow,
      .component-banner a.link-arrow:visited {
          margin-left: 23px;
          display: inline
      }
  }
  
  .component-banner a.link-arrow:after,
  .component-banner a.link-arrow:visited:after {
      transition: all .2s ease;
      background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.659 11.659'%3E%3Cg fill='none' stroke='%23000c34' stroke-linecap='round'%3E%3Cpath d='M8.379 3.253l2.573 2.573-2.666 2.666' stroke-linejoin='round'/%3E%3Cpath d='M10.951 5.826L.707 5.832'/%3E%3C/g%3E%3C/svg%3E") no-repeat
      background-position: left center;
      background-repeat: no-repeat;
      content: "";
      height: 1.5rem;
      position: absolute;
      right: .3125rem;
      width: .8125rem
  }
  
  .component-banner a.link-arrow:focus,
  .component-banner a.link-arrow:hover,
  .component-banner a.link-arrow.link-arrow:visited:focus,
  .component-banner a.link-arrow:visited:hover {
      background-size: 100% 100%;
  }
  
  .component-banner a.link-arrow:focus:after,
  .component-banner a.link-arrow:hover:after,
  .component-banner a.link-arrow:visited:focus:after,
  .component-banner a.link-arrow:visited:hover:after {
      right: 0
  }
 
  /*END COMPONENT-BANNER CSS */