/* use !important to ensure your styles override the theme’s defaults.*/

.footer-items__start, .footer-items__end {
  flex-direction: row;
}

html[data-theme="light"] {
  /*****************************************************************************
  * main colors
  */
  --pst-color-primary: #8b5cf6 !important;
  --pst-color-secondary: #7c3aed !important;
}

/* Custom styling */
.sd-card {
    border: 1px solid var(--pst-color-border);
    border-radius: 0.5rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.sd-card:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

/* Custom icon colors */
.icon-purple {
    color: #8b5cf6 !important;
}

/* Custom button colors */
.btn-purple {
    background-color: #8b5cf6 !important;
    border-color: #8b5cf6 !important;
    color: white !important;
}

.btn-purple:hover {
    background-color: #7c3aed !important;
    border-color: #7c3aed !important;
}


h1 {
    color: #660066 !important;
}

:root {
    --pst-color-h1: #660066 !important;
    --pst-color-h2: #660066 !important;
}

/* Change the color of all links */
/*a {*/
/*    color: #ff5733 !important; !* Your desired color *!*/
/*}*/

/* Change the color of links in the table of contents */
/*.bd-toc-nav a {*/
/*    !*color: #182250 !important;*!*/
/*    color: #660066 !important;*/
/*}*/

/* Change the color of links in the main content */
article a {
    color: #8b5cf6 !important;
}

/* Change the color of links on hover */
a:hover {
    /*color: #0076b9 !important; !* Your desired hover color *!*/
    color: #7474c1 !important; /* Your desired hover color */
}

/*LHS title*/
.navbar-brand p {
    color: #660066 !important;
}

.sidebar-primary-item a {
    /*color: #7b477a !important;*/
    color: #8b5cf6 !important;
}

.bd-sidenav__home-link a {
    color: #660066 !important;
    box-shadow: inset max(3px,.1875rem,.12em) 0 0 #660066 !important;
}

/*RHS toc*/
.page-toc .nav-link {
    color: #7B68EE !important;
}

span.summarylabel {
    background-color: var(--pst-color-secondary);
    color: var(--pst-color-primary);
    font-size: 70%;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 3px;
    vertical-align: 15%;
    padding-bottom: 2px;
    filter: opacity(40%);
}