/*
 * Divine Feminine Thesis - Elegant, Distinguished Style
 * Colors: Deep Purples, Violets, and Indigo Blues
 * Font: Serif (Classic/Non-Techy)
 */

:root {
  /* Core Brand Colors */
  --cassiopeia-color-primary: #300b2e; /* Deep dark purple (Header/Footer) */
  --cassiopeia-color-link: #4a148c;    /* Rich violet (Links) */
  --cassiopeia-color-hover: #7b1fa2;   /* Lighter violet (Hover) */
  --cassiopeia-font-headings: "Georgia", "Times New Roman", serif; /* Classic, distinguished font */
  --cassiopeia-font-body: "Georgia", "Times New Roman", serif;
}

/* --- Global Adjustments --- */
body {
    font-family: var(--cassiopeia-font-body);
    background-color: #fcfcfc; /* Soft off-white, not harsh */
    color: #2c2c2c;            /* Soft black for reading */
    line-height: 1.8;          /* Better readability for thesis text */
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--cassiopeia-font-headings);
    color: #1a237e;            /* Deep Indigo Blue for headings */
    font-weight: normal;       /* More elegant, less bold/heavy */
    letter-spacing: 0.5px;
}

/* --- Header & Navigation --- */
.container-header {
    background-color: var(--cassiopeia-color-primary);
    background-image: linear-gradient(135deg, #300b2e 0%, #1a237e 100%); /* Elegant gradient */
    color: #fff;
    border-bottom: 4px solid #9c27b0; /* Accent border */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Soft shadow, not harsh */
}

.container-header .navbar-brand {
    font-family: "Playfair Display", var(--cassiopeia-font-headings); /* Ideally load a Google Font like Playfair */
    font-size: 2rem;
    color: #fff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

/* Menu Items */
.metismenu.mod-menu .nav-item a {
    color: rgba(255,255,255,0.9) !important;
    font-size: 1.1rem;
    transition: all 0.3s ease;
}

.metismenu.mod-menu .nav-item a:hover {
    color: #e1bee7 !important; /* Soft lavender on hover */
    background: rgba(255,255,255,0.1);
    border-radius: 4px;
}

/* --- Footer --- */
.container-footer {
    background-color: #1a237e; /* Deep Blue */
    color: #fff;
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-top: 4px solid #7b1fa2;
}

/* --- Buttons --- */
.btn-primary {
    background-color: #ECDEF0;
    border-color: var(--cassiopeia-color-link);
    border-radius: 4px; /* Slightly rounded, classic */
    font-family: var(--cassiopeia-font-headings);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 2.0rem;
}

.btn-large {
  padding:11px 19px;
  font-size:17.5px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px
}

.btn-large [class^="icon-"],.btn-large [class*=" icon-"]{
  margin-top:4px
}

.btn-primary:hover {
    background-color: #FCDEF0;
    border-color: var(--cassiopeia-color-hover);
}

/* --- Content Area --- */
.com-content-article__body {
    font-size: 1.15rem; /* Larger text for thesis reading */
}

/* Remove "Techy" Borders */
.card {
    border: none;
    box-shadow: 0 2px 15px rgba(0,0,0,0.05); /* Very soft shadow */
    background-color: #fff;
}

/* Blockquotes for Thesis Highlights */
blockquote {
    border-left: 4px solid var(--cassiopeia-color-link);
    background: #f3e5f5; /* Very light violet bg */
    padding: 1rem 1.5rem;
    font-style: italic;
    color: #4a148c;
    margin: 2rem 0;
}
.container-header .hoverdd li:hover > ul {
 display: block;
 background-color: #fff;
 position: absolute;
 top: 100%;
 left: 0;
 min-width: 250px;
 padding: 1em;
 font-size: 17px;
 line-height: 1.3;
}
.item-content .tags .list-inline-item{
 margin: 0 0.5rem 0.5rem 0;
}
.hoverdd .deeper.parent > a{padding-right:10px}
.hoverdd .deeper.parent > a:after,
.hoverdd .deeper.parent > a:before{
 content: “”;
 position: absolute;
 top: 50%;
 width: 7px;
 height: 2px;
 border-radius: 2px;
 background: #000;
}
.hoverdd .deeper.parent > a:after{transform: rotate(-50deg);right: -3px;}
.hoverdd .deeper.parent > a:before{transform: rotate(50deg);right: 0;}
.hoverdd .deeper.parent:hover > a:after{transform: rotate(50deg);}
.hoverdd .deeper.parent:hover > a:before{transform: rotate(-50deg);}
.hoverdd .deeper.parent ul li.active a,
.hoverdd .deeper.parent ul li a:hover{color:#ff822a}