// @charset "UTF-8";
@mixin transition($args...) {
  -webkit-transition: $args;
  -moz-transition: $args;
  -ms-transition: $args;
  -o-transition: $args;
  transition: $args;
}

$bluegray-bg-med: #C2DFE3;

$bluegray-text-light: #9DB8BF;

$bluegray-text-med: #5C6D73;

$bluegray-text-dark: #253237;


.portal-container-519256{
  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
  text-rendering: optimizeLegibility;
  border: 1px solid #C2DFE3;
  border-radius: 8px;
  margin-bottom: 25px;
  max-width:800px;
  background-color:white;

  @include transition(all .20s ease);
  &:hover{
    transform: translateY(-3px);
    box-shadow: 0px 6px 20px 0px rgba(0,0,0,.15);
    border: 1px solid $bluegray-text-light;
  }
  
  .portal-parent-519256{
    overflow:hidden;
    position: relative;
    width:100%;
    box-sizing: border-box;
      
    .portal-parent-text-519256{
      padding: 15px;
      color: $bluegray-text-med;          
      z-index: 40;
    }
    .portal-content-519256{
      font-family: -apple-system, system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
      font-size:16px;
      font-weight:400;
      padding: 15px; 
      color: #464A4D;
      line-height:150%; 
    }
  }

  .portal-head-519256{
    border-top: 1px solid $bluegray-bg-med;
    display:flex;
    flex-flow:row nowrap;
    justify-content: start;
    align-items: stretch;
    padding-left:15px;
    @include transition(all .20s ease); 

    .portal-avatar-519256{
      border-radius:100%;
      border: 1px solid #C2DFE3;
      width:42px;
      height:42px;
      min-width:42px !important;
      margin: 12px 0px;
      position:relative;
      .mini-favicon-519256{
        width:22px;
        height:22px;
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
      }
    }

    .portal-metadata-519256{
      min-width:0px;
      display:flex;
      flex-shrink:1;
      align-items:center;         
      margin-left:10px;
    }

    .portal-author-519256{
      font-size:14px;
      line-height:1.2;
      color: black;
      font-weight:600;
      margin-bottom:2px;
    }       
    .portal-title-519256{
      font-size: 14px;
      line-height:1.2;
      color: $bluegray-text-light;
      max-width: 100%;

      .title-wrapper-519256{
        white-space: nowrap; 
        overflow: hidden; 
        text-overflow: ellipsis;
        font-weight:600;
        padding-right:20px;
        color: $bluegray-text-med;                  
      }                   
    }
    .portal-backlink-519256{
      margin-left: auto;
      display:flex;
      flex-shrink:1;
      align-items:center;
      width:81px;
      min-width:81px !important;
      padding: 0px 15px !important;
      border-left: 1px solid $bluegray-bg-med;
      .portal-arrow-519256{
        border: none !important;
        font-family:inherit !important;
        font-size: 14px !important;
        color: $bluegray-text-light !important;
        text-decoration:none !important;
        @include transition(opacity .10s ease);
        &:hover{
          opacity:.5 !important;
        }
        &:visited{
          text-decoration: none !important;
        };
      }
    }
  }   
}


.portal-content-519256{
  a{
    color:#464A4D;
    @include transition(opacity .2s ease);
    &:hover{
      opacity:.5;
    }
  }
  p{
    margin:0px;
  }
  img {
    width:100%;
    height: auto;
    margin: .5em 0em;
  }
  blockquote{
    border-left: 2px solid $bluegray-bg-med;
    padding-left: .75em;
    margin-inline-start: 1em;
    color: $bluegray-text-med;
  }
  ol, ul{
    margin-block-start: .5em;
    margin-block-end: .5em;
  }
  h1, h2, h3{
    margin-block-start: .5em;
    margin-block-end: .5em;
  }
}
