/* ==========================================================================
   ATHENA HOME V5.5.0
   Stronger button / card / frame border visibility
   ========================================================================== */

/* --------------------------------------------------------------------------
   GLOBAL CARD / FRAME BORDERS
   -------------------------------------------------------------------------- */

.athena5-discovery-card,
.athena5-ecosystem-card,
.athena5-capability,
.athena5-guide,
.athena5-search,
.athena5-ask,
.athena5-dropdown summary,
.athena5-dropdown-menu,
.athena5-example,
.athena5-bottom-block{
  border-width:1.5px !important;
  border-style:solid !important;
}

/* Discovery cards */

.athena5-discovery-card:nth-child(1){
  border-color:#7fb3ea !important;
}

.athena5-discovery-card:nth-child(2){
  border-color:#a994e9 !important;
}

.athena5-discovery-card:nth-child(3){
  border-color:#79c79a !important;
}

.athena5-discovery-card:nth-child(4){
  border-color:#69bfd0 !important;
}

.athena5-discovery-card:nth-child(5){
  border-color:#dfa15d !important;
}

.athena5-discovery-card:nth-child(6){
  border-color:#d989a1 !important;
}

/* Ecosystem cards */

.athena5-ecosystem-card:nth-child(6n+1){
  border-color:#7fb3ea !important;
}

.athena5-ecosystem-card:nth-child(6n+2){
  border-color:#a994e9 !important;
}

.athena5-ecosystem-card:nth-child(6n+3){
  border-color:#dfa15d !important;
}

.athena5-ecosystem-card:nth-child(6n+4){
  border-color:#69bfd0 !important;
}

.athena5-ecosystem-card:nth-child(6n+5){
  border-color:#79c79a !important;
}

.athena5-ecosystem-card:nth-child(6n+6){
  border-color:#d989a1 !important;
}

/* Capability cards */

.athena5-capability:nth-child(1){
  border-color:#7fb3ea !important;
}

.athena5-capability:nth-child(2){
  border-color:#a994e9 !important;
}

.athena5-capability:nth-child(3){
  border-color:#69bfd0 !important;
}

.athena5-capability:nth-child(4){
  border-color:#79c79a !important;
}

/* --------------------------------------------------------------------------
   BUTTONS
   -------------------------------------------------------------------------- */

.athena5-guide-actions a,
.athena5-explore-trigger,
.athena5-quick-chip,
.athena5-dropdown summary,
.athena5-example,
.athena5-ask button,
.athena5-guide-input button{
  border-width:1.5px !important;
  border-style:solid !important;
}

.athena5-guide-actions a{
  border-color:#0d69ee !important;
}

.athena5-guide-actions a:first-child{
  border-color:#075fd8 !important;
}

.athena5-explore-trigger{
  border-color:#5c96d3 !important;
}

.athena5-quick-chip{
  border-color:#96b6d7 !important;
}

.athena5-dropdown summary{
  border-color:#7ba8d7 !important;
}

.athena5-example{
  border-color:#9ebddc !important;
}

.athena5-ask button{
  border-color:#0756c9 !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.65) inset !important;
}

.athena5-guide-input button{
  border-color:#075fd8 !important;
}

/* --------------------------------------------------------------------------
   PRIMARY INPUT FRAMES
   -------------------------------------------------------------------------- */

.athena5-search{
  border-color:#a8bfd8 !important;
}

.athena5-ask{
  border-color:#7fa8d1 !important;
}

.athena5-guide{
  border-color:#7fa8d1 !important;
}

.athena5-dropdown-menu{
  border-color:#8caed0 !important;
}

/* --------------------------------------------------------------------------
   SECTION CONTAINERS
   -------------------------------------------------------------------------- */

.athena5-section{
  border-top:
    1.5px solid
    #cbd9e6 !important;

  border-bottom:
    1.5px solid
    #cbd9e6 !important;
}

.athena5-capabilities{
  border-bottom:
    1.5px solid
    #cbd9e6 !important;
}

.athena5-bottom{
  border-top:
    1.5px solid
    #cbd9e6 !important;

  border-bottom:
    1.5px solid
    #cbd9e6 !important;
}

.athena5-bottom-block{
  border-color:#c7d6e5 !important;
}

/* --------------------------------------------------------------------------
   POPUP WINDOW BORDER
   -------------------------------------------------------------------------- */

#athena5CardPopup{
  border-width:2.5px !important;

  box-shadow:
    0 18px 44px
    rgba(4,30,58,.24) !important;
}

/* --------------------------------------------------------------------------
   HOVER EMPHASIS
   -------------------------------------------------------------------------- */

.athena5-discovery-card:hover,
.athena5-ecosystem-card:hover,
.athena5-capability:hover{
  border-width:2px !important;

  box-shadow:
    0 10px 25px
    rgba(6,36,69,.15) !important;
}

.athena5-guide-actions a:hover,
.athena5-explore-trigger:hover,
.athena5-quick-chip:hover,
.athena5-dropdown summary:hover,
.athena5-example:hover{
  border-width:2px !important;

  box-shadow:
    0 6px 16px
    rgba(7,42,78,.12) !important;
}

/* --------------------------------------------------------------------------
   FOCUS STATES
   -------------------------------------------------------------------------- */

.athena5-discovery-card:focus-visible,
.athena5-ecosystem-card:focus-visible,
.athena5-capability:focus-visible,
.athena5-guide-actions a:focus-visible,
.athena5-explore-trigger:focus-visible,
.athena5-quick-chip:focus-visible,
.athena5-dropdown summary:focus-visible{
  outline:
    2px solid
    #176bd3 !important;

  outline-offset:
    2px !important;
}
