.header{
  border-bottom: 0px;
   box-shadow: 0.4rem 0.4rem 4rem rgb(22 22 38 / 6%);
}

.tile--spaces{
  box-shadow: 0.4rem 0.4rem 4rem rgb(22 22 38 / 6%);
  border-color: #F1F1F1;
  border-radius: 8px;
  border-width: 0.1em;
}

.tile--spaces:hover{
  border-color: #F1F1F1;
  border-radius: 8px;
  border-width: 0.1em;
  background-color: white;
box-shadow: 0.4rem 0.4rem 4rem rgb(22 22 38 / 10%);
}


.tile--compact.medium-4 {
  border-radius: 6px;
  background: gray;
  box-shadow: 0 2px 10px #F1F1F1, 0 2px 5px #F1F1F1;
}
.tile--compact.medium-4:hover {
  border-radius: 6px;
  background: gray;
  box-shadow: 0 2px 10px #EAEAEA, 0 2px 10px #EAEAEA;
}

.portal .hc-portal-background-image{
 background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.portal .hc-portal-background-color{
 background-color: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}



div.tile__image {
  border-radius: 6px;
}

.panel-macro.panel-macros--panel {
    background-color: rgb(230, 252, 255);
}
.panel-macro.panel-macros--panel div div p:nth-of-type(1) strong {
  font-size: 20px;
}

blockquote{
  border-left: 2px solid var(--vp-color-light-gray);
  padding-left: 10px;
}

.vp-accordion-link-group__title-inner a {color: blueviolet;}


.vp-article__content-panel {
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/* Child pages list */
.vp-accordion-link-group, .vp-content-by-label-items {
box-shadow: 0.4rem 0.4rem 4rem rgb(22 22 38 / 6%);
border: none;
}
.vp-accordion-link-group a, .vp-content-by-label-items  a {color: blueviolet;}

.vp-accordion-link-group a:hover, .vp-content-by-label-items  a:hover {
text-decoration: none;
}

/* Image Lightbox */
figure.vp-image img{
  border-radius: 8px;
  box-shadow: 0.4rem 0.4rem 4rem rgb(22 22 38 / 6%);
}

.panel-macros--info {
  box-shadow: 0.4rem 0.4rem 4rem #E7EFFF;
}

.panel-macros--note {
  box-shadow: 0.4rem 0.4rem 4rem #FEF6DE;
}

.panel-macros--panel-note-adf
 {
  box-shadow: 0.4rem 0.4rem 4rem #EAE3FF;
 }
.panel-macros--tip
 {
  box-shadow: 0.4rem 0.4rem 4rem #D4FFEE;
 }