/* J5 CUSTOM/USER STYLES */
/* REORGANIZED CSS */
/* UPLOAD ASTRO FONT FILES, CORRECT PATHS
/* UPLOAD GOOGLE FONT FILES, SET UP THESE IN TEMPLATE STYLES */

/*** ================================================= */
/***                    FONT STYLES                    */
/*** 2021-04-29 ASTRO: ONLY WIDGET-BOLD & ASTROSCRIPT  */
/*** ================================================= */

/** =================================== */
/** UPTONOW GLYPHS – ASTROSCRIPT FONT   */
/** FOR CHIRON GLYPH NOT IN WIDGET-BOLD */
/** =================================== */

/** ASTROSCRIPT */
/* Designed by Jason Davies */
/* FontFace Generated by FontPro */
@font-face {
  font-family: 'AstroScript Bold';
  font-style: normal;
  font-weight: normal;
  src: local('AstroScript Bold'), 
       url('../fonts/AstroScript-Bold.woff') format('woff'),  
       url('../fonts/AstroScript-Bold.ttf') format('truetype');
 }


/** WIDGET-BOLD */
/* Designed by Jason Davies */
/* FontFace Generated by FontPro */
@font-face {
  font-family: 'Widget-Bold';
  src: url('../fonts/widget-bold.eot');
  src: url('../fonts/widget-bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/widget-bold.woff') format('woff'),
       url('../fonts/widget-bold.ttf') format('truetype'),
       url('../fonts/widget-bold.svg#Widget-Bold') format('svg');
  font-style: normal !important;
  font-weight: normal !important;  
  }


/** AVERIA SERIF LIBRE -- HEADING FONT */
/* Averia Serif Libre 700 Bold Regular */
@font-face {
  font-family: 'Averia Serif Libre';
  src: url('../fonts/AveriaSerifLibre-Bold.eot');
  src: url('../fonts/AveriaSerifLibre-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AveriaSerifLibre-Bold.woff2') format('woff2'),
       url('../fonts/AveriaSerifLibre-Bold.woff') format('woff'),
       url('../fonts/AveriaSerifLibre-Bold.svg#AveriaSerifLibre-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  }
/* Averia Serif Libre 400 Regular Italic */
@font-face {
  font-family: 'Averia Serif Libre';
  src: url('../fonts/AveriaSerifLibre-Italic.eot');
  src: url('../fonts/AveriaSerifLibre-Italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AveriaSerifLibre-Italic.woff2') format('woff2'),
       url('../fonts/AveriaSerifLibre-Italic.woff') format('woff'),
       url('../fonts/AveriaSerifLibre-Italic.svg#AveriaSerifLibre-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
  }
/* Averia Serif Libre 700 Bold Italic */
@font-face {
  font-family: 'Averia Serif Libre';
  src: url('../fonts/AveriaSerifLibre-BoldItalic.eot');
  src: url('../fonts/AveriaSerifLibre-BoldItalic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AveriaSerifLibre-BoldItalic.woff2') format('woff2'),
       url('../fonts/AveriaSerifLibre-BoldItalic.woff') format('woff'),
       url('../fonts/AveriaSerifLibre-BoldItalic.svg#AveriaSerifLibre-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
  }
/* Averia Serif Libre 400 Regular */
@font-face {
  font-family: 'Averia Serif Libre';
  src: url('../fonts/AveriaSerifLibre-Regular.eot');
  src: url('../fonts/AveriaSerifLibre-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AveriaSerifLibre-Regular.woff2') format('woff2'),
       url('../fonts/AveriaSerifLibre-Regular.woff') format('woff'),
       url('../fonts/AveriaSerifLibre-Regular.svg#AveriaSerifLibre-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  }
/* Averia Serif Libre 300 Light Italic */
@font-face {
  font-family: 'Averia Serif Libre';
  src: url('../fonts/AveriaSerifLibre-LightItalic.eot');
  src: url('../fonts/AveriaSerifLibre-LightItalic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AveriaSerifLibre-LightItalic.woff2') format('woff2'),
       url('../fonts/AveriaSerifLibre-LightItalic.woff') format('woff'),
       url('../fonts/AveriaSerifLibre-LightItalic.svg#AveriaSerifLibre-LightItalic') format('svg');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  }
/* Averia Serif Libre 300 Light Regular */
@font-face {
  font-family: 'Averia Serif Libre';
  src: url('../fonts/AveriaSerifLibre-Light.eot');
  src: url('../fonts/AveriaSerifLibre-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AveriaSerifLibre-Light.woff2') format('woff2'),
       url('../fonts/AveriaSerifLibre-Light.woff') format('woff'),
       url('../fonts/AveriaSerifLibre-Light.svg#AveriaSerifLibre-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  }


/** ALEX BRUSH 400 Regular */
@font-face {
  font-family: 'Alex Brush';
  src: url('../fonts/AlexBrush-Regular.eot');
  src: url('../fonts/AlexBrush-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AlexBrush-Regular.woff2') format('woff2'),
       url('../fonts/AlexBrush-Regular.woff') format('woff'),
       url('../fonts/AlexBrush-Regular.svg#AlexBrush-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  }

/** BILBO SWASH CAPS Regular */
@font-face {
  font-family: 'Bilbo Swash Caps';
  src: url('../fonts/BilboSwashCaps-Regular.eot');
  src: url('../fonts/BilboSwashCaps-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/BilboSwashCaps-Regular.woff2') format('woff2'),
       url('../fonts/BilboSwashCaps-Regular.woff') format('woff'),
       url('../fonts/BilboSwashCaps-Regular.svg#AlexBrush-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  }


/** NOTOSANS -- BODY FONT */

/* NOTOSANS SEMICONDENSED 400 Regular */
@font-face {
  font-family: 'Notosans SemiCondensed';
  src: url('../fonts/NotoSansSemiCondensed-Regular.eot');
  src: url('../fonts/NotoSansSemiCondensed-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NotoSansSemiCondensed-Regular.woff2') format('woff2'),
       url('../fonts/NotoSansSemiCondensed-Regular.woff') format('woff'),
       url('../fonts/NotoSansSemiCondensed-Regular.ttf') format('truetype'),
       url('../fonts/NotoSansSemiCondensed-Regular.svg#NotoSansSemiCondensed-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  }

/* NOTOSANS SEMICONDENSED 400 Regular Italic */
@font-face {
  font-family: 'Notosans SemiCondensed Italic';
  src: url('../fonts/NotoSansSemiCondensed-Italic.eot');
  src: url('../fonts/NotoSansSemiCondensed-Italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NotoSansSemiCondensed-Italic.woff2') format('woff2'),
       url('../fonts/NotoSansSemiCondensed-Italic.woff') format('woff'),
       url('../fonts/NotoSansSemiCondensed-Italic.ttf') format('truetype'),
       url('../fonts/NotoSansSemiCondensed-Italic.svg#NotoSansSemiCondensed-Italic') format('svg');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  }

/* NOTOSANS MEDIUM 500 Medium */
@font-face {
  font-family: 'Notosans Medium';
  src: url('../fonts/NotoSans-Medium.eot');
  src: url('../fonts/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NotoSans-Medium.woff2') format('woff2'),
       url('../fonts/NotoSans-Medium.woff') format('woff'),
       url('../fonts/NotoSans-Medium.ttf') format('truetype'),
       url('../fonts/NotoSans-Medium.svg#NotoSans-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  }

/* NOTOSANS SEMI-BOLD 600 SemiBold */
@font-face {
  font-family: 'Notosans SemiBold';
  src: url('../fonts/NotoSans-SemiBold.eot');
  src: url('../fonts/NotoSans-SemiBold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NotoSans-SemiBold.woff2') format('woff2'),
       url('../fonts/NotoSans-SemiBold.woff') format('woff'),
       url('../fonts/NotoSans-SemiBold.ttf') format('truetype'),
       url('../fonts/NotoSans-SemiBold.svg#NotoSans-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  }

/* NOTOSANS BOLD 700 Bold */
@font-face {
  font-family: 'Notosans Bold';
  src: url('../fonts/NotoSans-Bold.eot');
  src: url('../fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NotoSans-Bold.woff2') format('woff2'),
       url('../fonts/NotoSans-Bold.woff') format('woff'),
       url('../fonts/NotoSans-Bold.ttf') format('truetype'),
       url('../fonts/NotoSans-Bold.svg#NotoSans-SemiBold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  }

/* NOTOSANS REGULAR 400? regular */
@font-face {
  font-family: 'Notosans Regular';
  src: url('../fonts/NotoSans-Regular.eot');
  src: url('../fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NotoSans-Regular.woff2') format('woff2'),
       url('../fonts/NotoSans-Regular.woff') format('woff'),
       url('../fonts/NotoSans-Regular.ttf') format('truetype'),
       url('../fonts/NotoSans-Regular.svg#NotoSans-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  }


/** MERRIWEATHER -- ITALICS FONT */
/* Used for Italics = Merriweather-Italic */
@font-face {
  font-family: 'Merriweather-Italic';
  src: url('../fonts/Merriweather-Italic.eot');
  src: local('☺'), 
    url('../fonts/Merriweather-Italic.woff') format('woff'), 
    url('../fonts/Merriweather-Italic.ttf') format('truetype'), 
    url('../fonts/Merriweather-Italic.svg') format('svg');
  font-weight: normal;
  font-style: italic;
}

/*    END OF FONT DECLARATIONS                                     */
/** ============================================================== */



/** DECLARE CASSIOPEIA BODY AND HEADING FONTS & WEIGHTS */
:root {
  --cassiopeia-font-family-body: "Notosans SemiCondensed", sans-serif;
  --cassiopeia-font-family-headings: "Averia Serif Libre", sans-serif;
  --cassiopeia-font-weight-normal: 400;
  --cassiopeia-font-weight-headings: 700;
  --cassiopeia-color-link: #04c;
  --cassiopeia-color-hover: #c00;
  --link-color: #04c;
  --link-hover-color: #c00; 
}

/** ================================= */




/*** ==================================== */
/***        CUSTOMIZE BASIC STYLES        */
/*** ==================================== */
/** Colouring and spacing of basic pages */


/** MISC BASIC STYLE OVERRIDES */
:root, [data-bs-theme="light"] {
  --body-font-size: 17px; /* was 16px */
  }
.list-group {
  --list-group-action-hover-bg: #f5f7fa;
  }
body { background-color: #000; }
/* Left and Right margin gap - most screens */
.container-component {
  background-color: #fff;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border-radius: .5em;
  /*  box-shadow: 0 0 2px 2px #fff; */
  }

/* flare along left edge of wide(r) screens */
@media screen and (min-width: 768px) {
  main {
    padding-left: 8rem; /* was 90px */
    padding-right: 5rem; /* was 2rem */
    background: #fff url("/images/common/symbols-decor-faded.png") repeat-y left top;
    }
  .container-component > * + * { 
    margin-top: 0;
    margin-bottom: 1.5em;
    padding-top: 1em; 
    /* padding-right: .5em; */
    }
  .breadcrumb { 
    background-color: transparent;
    margin-bottom: 5px;
    margin-left: 90px;
    padding-left: 0 !important;
    }
}

/* Left and Right margins on small screens */
@media screen and (width < 576px) {
  .container-component {
    padding-left: .75rem;
    padding-right: .75rem;
    box-shadow: none;
    }
  @supports (display:grid) {
    .site-grid { grid-gap: 0; }
    }
  /* COPIED FROM WIDE SCREEN - NOT CALIBRATED TO SMALL SCREEN YET */
  .breadcrumb { 
    background-color: transparent;
    margin-bottom: 5px;
    /* margin-left: 90px; */
    padding-left: 0 !important;
    font-size: 85%;
    }
}


/** BASIC PARAGRAPH styling */
p { margin: 0 0 1.1em 0; }
p.flat { margin: 0 0 .5em 0; }

/* Use special font for italics ~ Strong and Bold */
/* Need weight 700 for content p bold, but sometimes 600 is better, like in ads */
p strong, p b {
  font-weight: 700;
  }
p.semibold {
  font-weight: 500;
  }
em, i {
  font-family: 'Merriweather-Italic', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 90%
  }
em strong, strong em, i strong, strong i {
  font-family: 'Merriweather-Italic', serif;
  font-style: italic;
  font-weight: 600;
  }
p.copyright {
  font-family: 'Merriweather-Italic',serif;
  font-style: italic;
  font-size: 14px;
  font-weight: 300;
  border-top: 1px #ccc solid;
  padding: 2em 3%;
  color: #333;
  margin-top: 3em;
  }

/*          IMAGES           */
/* Alt text if image missing */
img { 
  color: #777!important;
  font-size: .75em!important;
  max-width: 100%;
  border-radius: 4px;
  text-align: center;
  }


/** BREADCRUMBS START ICON */
ol.mod-breadcrumbs span.icon-location::before {
  content: "\f185";
  color: #466cb9;
  }
ol.mod-breadcrumbs li.float-start { margin-right: .3em; }
/* Breadcrumb links -- Don't use default blue hover background */
.breadcrumb-item a:hover { background-color: transparent; }


/** DIVIDER **/
div.divider {
  border-bottom: 2px darkkhaki dotted;
  width: 75%;
  margin: .5em auto;  
  }


/**  DROPCAP  */
.dropcap {
  float: left;
  font-size: 4.5em;
  font-weight: normal;
  font-style: normal!important;
  line-height: .5em;
  padding: .07em .13em 0 0;
  font-family: 'Alex Brush', cursive;
  text-transform: uppercase;
  color: #c00;
/*  color: #e62e00;   */
  min-width: .85em;
  }
ul.list-group li .dropcap,
.blog-item .dropcap {
  float: none;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  padding: inherit;
  font-family: inherit;
  text-transform: none;
  color: inherit;  
  }


/** HEADINGS */

/** Headings – Base Font-Size */
h1 { font-size: 1.15rem; }
h2 { font-size: 1.65rem; margin: 2rem 0 1rem 0; }
h3 { font-size: 1.35rem; }
h4 { font-size: 1.05rem; }
h5 { font-size: 1rem; }

/** HEADINGS – Font-family and spacing */
h1, h2, h3 {
/*  font-family: 'Averia Serif Libre', cursive; */
  font-style: italic;
  line-height: 1.2em;
  }
h4 {
  font-family: 'Notosans Medium', sans-serif;
  margin-top: 1.5em; 
  line-height: 1.75rem;
  font-weight: normal;
  }
h5 { 
  font-family: 'Merriweather-Italic', serif;
  font-weight: 400;
  font-style: italic;
  margin: 1.25em 0 .5em 0;
  }
/* Message that the article is part of an article series */
h4.articleSeries {
  font-size: 1.15em;
  font-style: italic;
  font-family: Averia serif libre, serif;
  font-weight: normal;
  }


/** HEADINGS – Colours */
h1 { color: #c00; }
h2 { color: #0040ff; }
h3 { color: #03c; }
h4 { color: #000; }
h5 { color: #000; }


/** Headings – Common Areas */
.page-header {
  margin: 0 0 1.75em 0;
  border-bottom: 1px solid #ddd;
  }
.page-header h1,
.page-subheader h1,
.search_search4it h1 { 
  font-size: 2.75rem;
  font-family: 'Bilbo Swash Caps', cursive; 
  font-style: normal; 
  font-weight: bold;
  letter-spacing: .05rem;
  /* remove template's default uppercase */
  text-transform: none!important;
  margin-top: 0;
  padding-bottom: 9px;
  }
@media screen and (width < 992px) {
  .page-header h1,
  .page-subheader h1,
  .search_search4it h1 { font-size: 2rem; }
}
/* Search page has sub-heading */
.search_search4it h1 {
  border-bottom: 1px #ccc dotted;
  margin-bottom: 25px;
  }
/* Index pages */
.ldsubtitle { margin-top: 0; }
/* Note: All h2 in .articleintro now set to margin-top: 0; */


/** ======================= */
/** TABLE STYLING - DEFAULT */
/** ======================= */
table {
  border-collapse: collapse;
  margin: 15px 0 40px 0;
  width: 100%;
  max-width: 100%;
  border: 1px #bcc0a5 solid;
  font-size: 90%;
  }
table tr td              { border-bottom: 1px #bcc0a5 solid; }
table tr th              { border-bottom: 3px #bcc0a5 solid; border-top: 3px #bcc0a5 solid; }
table tr:nth-child(even) { background-color: #fefefd; }
table tr:nth-child(odd)  { background-color: #f6f6ee; }
table tr td              { padding: 8px 10px; vertical-align: middle; border-left: 1px #bcc0a5 solid; }
table tr th              { padding: 5px 10px; font-weight: bold; background-color: #fff; vertical-align: bottom; 
                           border-left: 1px #bcc0a5 solid; }left: 1px #bcc0a5 solid; }

table.centered tr td,
table.centered tr th     { text-align: center; }
table.lefted tr td,
table.lefted tr th       { text-align: left; }
table.leftcolbold tr td:nth-child(1) { font-weight: bold; }

table.tdcentered th,
table.tdcentered td {
  text-align: center;  
  }

/** NO BACKGROUND COLOR ON THE TABLE CELLS */
table.nostripes tr:nth-child(even)   { background-color: transparent; }
table.nostripes tr:nth-child(odd)    { background-color: transparent; }
tr td.longitude, tr th.longitude     { background-color: #ffffe6!important}
tr td.declination, tr th.declination { background-color: #e6ffff!important}

/** LOW-DOWN TABLES */
table.LD20230703 thead tr th { text-align: center!important; }
table.LD20230703 tbody tr td { text-align: center!important; }
table.LD20230703 thead tr th:first-child { text-align: left!important; }
table.LD20230703 tbody tr td:first-child { text-align: left!important; }


/** ==================== */
/**      LINK STYLES     */
/** ==================== */

/** LINK STYLES – OVERALL DEFAULT – Underlines handled via border-bottom */
a, a:link, a:visited, a:hover, a:focus,
.linknormal, .linkvisited, .linkhover, .linkfocus { 
  text-decoration: none!important; 
  }
/* put bottom dotted line on hover */
a:hover { border-bottom: 1px dotted var(--link-hover-color); }

/**   LINK STYLES - PARAGRAPHS ONLY   */
p a,
.linknormal,
.articleSeries a,
.articleSeries a:visited {
  /* border-bottom was dashed but too pronounced on Chrome */
  border-bottom: 2px dotted #67f;
  background-color: transparent;  
  color: #01f;
  }
p a:visited,
.linkvisited {
  color: #06f;
  background-color: transparent;
  border-bottom: 2px dotted #9bf;  
  }
/* Must include :focus or else text-decoration:underline appears 
/* after clicking the link */
/* p a:hover, p a:focus, p a:active, */
a:hover, a:focus, a:active,
.linkhover, .linkfocus, .linkactive,
.articleSeries a:hover, .articleSeries a:focus, .articleSeries a:active {
  border-bottom: 1px solid #04c!important;
  color: #028 !important;
  background-color: #d9e5ff;
  }
/* Images that are linked have border */
.com-content-article p a img,
.com-content-article a img,
.com-content-article .floatleft a img,
.com-content-article .floatright a img,
.com-content-article .imagelink a img { 
  border: 3px #00f solid;
  margin-bottom: 5px;
  padding: 5px;
  }
.com-content-article p a:hover img,
.com-content-article a:hover img,
.com-content-article .floatleft a:hover img,
.com-content-article .floatright a:hover img,
.com-content-article .imagelink a:hover img {
  border: 3px #c06 solid!important;
  margin-bottom: 5px;
  padding: 5px;
  }
.com-content-article .imagelink a,
.com-content-article .imagelink a:hover {
  background-color: transparent!important;
  border-bottom: transparent!important;
  }
/*
.article-content p a img, 
.article-content .floatleft a img, 
.article-content .floatright a img {
  border: 3px #00f solid;
  margin-bottom: 5px;
  padding: 5px;
}
*/



/* Link without hover background colour */
p a.alt:hover, 
p a.alt:focus, 
p a.alt:active {
  background-color: transparent;
  color: #d00;
  }


/** ==================== */
/**   BASIC LIST STYLES  */
/** ==================== */

/* Apply only for article content, not for menus */
/** FIRST LEVEL LIST */
.com-content-article ul {
  margin: 0 0 1em 0;
  padding-left: 2.5em;  
  }
.com-content-article ul li {
  line-height: 1.75em;
  /* padding-left: .35em; */
  list-style: none;
  text-indent: -1.75em;  
  }
/* Use special character of star for 1st level bullets */
.com-content-article ul li:before {
  padding-right: .35em;
  content: "\2736";
  color: #e63900;
  font-size: 115%;
  }
.com-content-article ol {
  margin: 0 0 1em 0;
  padding-left: 2.5em;  
  }
.com-content-article ol li {
  padding-left: .5em;
  margin: 0 0 .5em 0  
  }

/** SECOND LEVEL LIST */
.com-content-article ul li ul {
  margin: 0 0 0.25em 0;
  padding-left: 2em;  
  }
.com-content-article ul li ul li {
  margin: 0;
  line-height: 1.65em;
  padding-left: .5em;
  list-style: none;  
  }
/* Use special character of star for 2nd level bullets */
.com-content-article ul li ul li:before {
  content: "\2729";
  padding-right: .75em;
  /* Colour of 2nd level bullets */
  color: #f90;  
  }
.com-content-article ol li ol {
  margin: 0 0 .25em 0;
  padding-left: 2.5em;  
  }


/** ===================== */
/**   BLOCKQUOTE STYLING  */
/** ===================== */
blockquote { 
/*  clear: both; */
  font-family: 'Merriweather-Italic', serif;
  font-style: italic; 
  font-size: .95em;
  color: #585528;
  line-height: 1.65em;
  font-weight: 300;
  border-left-color: rgba(204, 51, 0, 0.4);
  border-left-width: 6px;
  border-left-style: solid;
  border-radius: 1.5em;
  }
blockquote       { margin: 2em 0 1.5em 2%; padding: 10px 15px; }
blockquote p     { margin: 0 0 .5rem 0!important; }
blockquote p img { max-width: 50%!important; }
blockquote h3    { margin-top: 0; color: #585528; }

/* Quote source */
span.source,
blockquote span, blockquote span.source {
  font-family: 'Merriweather', serif;
  font-size: 1em;
  line-height: 1.75em;
  text-indent: -0.85em;
  padding: .5em 0 0 2.5em;
  display: block;  
  }
blockquote span.blockquotehdr {
  display: inline-block;
  height: 2em;
  font-weight: bold; 
  font-size: 1.35em;  
  padding: 0 0 0 2.5em;
  line-height: 1.65em;
  color: #c30;
  }
blockquote.notes4novices {
  width: 600px;
  max-width: 90%;
  border-width: 0;
  }
blockquote.notes4novices img {
  margin: 0 auto 1em auto;
  }

/* NOTES4NOVICES */
.notes4novices {
  width: 60%;
  margin: 3em auto;
  border: 1px solid #ccc;
  border-radius: .5em;
  box-shadow: 5px 5px 10px 2px #ddd;
  padding: 1em 1.5em;
  }
.notes4novices h4 {
  margin: 0 auto 1.5em auto;
  font-family: Averia Serif Libre, serif;
  color: #039;
  font-size: 1.5rem;
  text-align: center;
  font-style: italic;
  }
blockquote.notes4novices h4::after {
  background: #eee url("images/common/flare-orange-burst.png") no-repeat center 0;
  z-index: -10;
  position: absolute;
}
@media screen and (width < 576px) {
  .notes4novices { width: 90%; }
}


/** ============== */
/**     BUTTONS    */
/** ============== */
/* Not sure where these are used */
.btn-sm, .btn-group-sm > .btn {
  letter-spacing: .5px;
  }
.btn:hover {
  color: var(--btn-hover-color);
  background-color: #039;
  border-color: #039;
  }


/* FILTER INPUT ON TAG LIST PAGES */
/* center filter unit on all pages */
.taglist form#adminForm { text-align: center; }
.taglist .com-tags-tags__filter,
.taglist .com-tags__items .btn-group.float-end { border: #777 1px solid; }

/* space sections proportionately */
@media screen and (width < 576px) {
  .taglist .com-tags-tags__filter                      { width: 100%; }
  .taglist .com-tags-tags__filter input#filter-search  { width: 65%; }
  .taglist .com-tags-tags__filter .btn-primary         { width: 23%; }
  .taglist .com-tags-tags__filter .btn-secondary       { width: 20%; }
  .taglist .com-tags__items .btn-group.float-end { 
    float: none !important;
    margin: 0 0 1em 1em;
    }
}


/* ============================================== */
/*            END GLOBAL BASIC STYLES             */
/* ============================================== */




/** ==================== */
/**    SHADOW STYLES     */
/** ==================== */
/* From https://gist.github.com/ocean90/1268328    */

/* Shadows */
.shadow-top { box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75); }
.shadow-right { box-shadow: 10px 0 20px -5px rgba(115,115,115,0.75); }
.shadow-bottom { box-shadow: 0 10px 20px -5px rgba(115,115,115,0.75); }
.shadow-left { box-shadow: -10px 0 20px -5px rgba(115,115,115,0.75); }
.shadow-all { box-shadow: 0 0 20px rgba(115,115,115,0.75); }
.shadow-top-right{ 
  box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75),
              10px 0 20px -5px rgba(115,115,115,0.75);
  }
.shadow-top-bottom{
  box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75),
              0 10px 20px -5px rgba(115,115,115,0.75);
  }
.shadow-top-left{
  box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75),
              -10px 0 20px -5px rgba(115,115,115,0.75);
  }
.shadow-bottom-right{
  box-shadow: 0 10px 20px -5px rgba(115,115,115,0.75),
              10px 0 20px -5px rgba(115,115,115,0.75);
  }
.shadow-left-right{
  box-shadow: -10px 0 20px -5px rgba(115,115,115,0.75),
              10px 0 20px -5px rgba(115,115,115,0.75);
  }
.shadow-bottom-left{
  box-shadow: 0 10px 20px -5px rgba(115,115,115,0.75),
             -10px 0 20px -5px rgba(115,115,115,0.75);
  }
.shadow-top-bottom-right{
  box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75),
              0 10px 20px -5px rgba(115,115,115,0.75),
              10px 0 20px -5px rgba(115,115,115,0.75);
  }
.shadow-top-bottom-left{
  box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75),
              0 10px 20px -5px rgba(115,115,115,0.75),
              -10px 0 20px -5px rgba(115,115,115,0.75);
  }
.shadow-top-left-right {
  box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75),
              -10px 0 20px -5px rgba(115,115,115,0.75),
              10px 0 20px -5px rgba(115,115,115,0.75);
  }
.shadow-inset { box-shadow: inset 0 0 20px rgba(115,115,115,0.75); }



/*** ================ */
/***      FOOTER      */
/*** ================ */
.footer {
  color: #d9d9d9 !important;
  background-color: #000;
  background-image: none;
  margin: 1em 20% .5em 20%;
  font-size: 14px;
  }
.footer p { 
  text-align: left;
  }
.footer p a,
.footer p a:link, 
.footer p a:visited {
  color: #fff;
  border-bottom: #fff dashed 1px;
  background-color: transparent;
  padding: 0 3px 0 2px;
  border-radius: 5px;
  }
.footer p a:hover {
  color: #fff;
  background-color: #555;
  border-bottom: #fff solid 1px;
  }
@media screen and (width < 576px) {
  .footer {
    margin: 1em 10% .5em 10%;
    font-size: 14px;
    }
  .footer p { 
    max-width: 500px;
    text-align: left;
    }
}



/** BACK TO TOP */
.back-to-top-link:link,
.back-to-top-link:visited, 
.back-to-top-link:focus {
  color: #04c;
  background-color: #e6eeff;
  border: 1px #04c solid !important;
  inset-inline-end: 4% !important;
  bottom: 3rem!important;
  font-size: 1.5rem;
  padding: .35rem;
  }
.back-to-top-link:hover {
  color: #e63900!important;
  background-color: #fff;
  border: 1px #e63900 solid !important;
  opacity: 1!important;
  }
.back-to-top-link.visible {
  opacity: .65;
}


/*** ================================ */
/***    IMAGE HANDLING IN ARTICLES    */
/*** ================================ */

/* MY FLOATING STYLES */
.floatleft, float-left, float-start  { float: left!important; margin: 0 1.5em .25em 0; }
.floatright, float-right, float-end  { float: right!important; margin: 0 0 .25em 1.5em; }
.float-center  { float: none; text-align: center; display: block; }
.float-none    { float: none; }

@media screen and (width < 576px) {
  .floatleft, float-left, float-start,
  .floatright, float-right, float-end { 
    float: none!important; 
    margin: 0 auto .25em auto; 
    display: block;
    }
}

/* Blog-item Floating Styles */
.blog-item .floatleft, 
.blog-item .float-start { 
  float: none!important; 
  margin: 0 0 .25em 0;
  }
.blog-item .floatright, 
.blog-item .float-end { 
  float: none!important; 
  margin: 0 0 .25em 0; 
  }

/* Figure Caption styling */
figure figcaption {
  color: #666;
  font-size: 85%;
  text-align: center;
  font-family: merriweather-italic, serif;
  font-style: italic;
  margin-top: .25em;
  line-height: 1.4em;
}

/* ----------------------- */
/* RELATED ARTICLE WIDGETS */
/* ----------------------- */

.related-inline {
  max-width: 50%;
  /* these are overlapping the lunardatebox in some articles */
  /* remove centering to avoid this */
  /* margin: 1rem auto 2rem auto; */
  margin: 1rem 1rem 2rem 1rem;
  padding: 1rem 1.75rem .5rem 1.75rem;;
  border-radius: .5rem;
  border: 2px #BDB76B solid;
}
.related-inline.relatedtags { margin: 1rem auto 2rem auto; }
.related-inline h3 {
  color: #8d883f;
  font-size: 1.5rem;
  text-align: center;
}
.related-inline ul {
  margin-left: 0;
  padding-left: 2rem;
}
@media screen and (width < 992px) {
  .related-inline { 
    max-width: 90%;
    padding: .5rem;
    }
}


/*** =========================== */
/***     CATEGORY BLOG LAYOUT    */
/*** =========================== */

/* In-article images no wider than 50%. Esp important on small screens */
/* p img { max-width: 50%; } */

/* Article top image - full width */
.com-content-article figure.item-image img { 
  margin: auto 5%;
  width: 90%;
  }
@media screen and (min-width: 768px) {
  .com-content-article figure.samesize img { 
    width: unset;
    }
  .contactme .com-content-article figure { 
    margin: 1em 4em 1em 0;
    }
}
/* Special style for Anne Toth's photo */
.com-content-article figure.annetoth {
  width: 281px!important;
  }
/* Force the intro text to wrap around intro images */
.blog-item { 
  display: block;
  margin: 0 0 1em 0;
  padding: 1.25em 1.25em 1.5em 1.25em !important;
  box-shadow: 2px 2px 10px 2px #cfcfcf; 
  /* was 5px 5px 10px 2px #e2ecfa;  was #efefef, later #c4d5ee; */
  }
.blog-item .item-image { margin-bottom: 1em; }
@media screen and (width < 768px) {
  .blog-item { padding: 1.25em 1em 1.5em 1em!important; }
}

/* Home Page Featured Item */
.items-leading.firstup .blog-item {
  border-radius: .75em;
  margin-left: .5em;
  margin-right: .5em;
  border: 1px solid transparent;
  }



/*** ============================================ */
/***     PAGE HEADER - BACKGROUND, LOGO, TITLE    */
/*** ============================================ */

/** === WIDE SCREENS -- HEADER === */
@media screen and (min-width: 992px) {  
  /** NASA diagonal sunrise background */  
  /* Stretch Header image to full width and height of Header div */  
  .header {  
    background: #000 url('/images/common/headerbg-2000x150.jpg') 
      no-repeat center bottom;  
    background-size: 100% 100%;  
    padding: .5rem;  
    height: 158px;  
    }  
  .container-header .grid-child { 
    padding: 0; 
    max-width: 1272px;
    }

  /* Navbar-brand wraps sitename and site-slogan */
  .navbar-brand {  
    color: #ffffe1!important;  
    font-family: 'Bilbo Swash Caps', cursive;  
    font-style: italic;  
    font-weight: normal;  
    text-shadow: 2px 2px 3px rgba(0,0,0,.45);  
    line-height: 3.75rem;  
    height: 110px;
    display: block;
    width: 16em;
    }  

  /* HEADER LOGO for wide screens */  
  .navbar-brand a.brand-logo,  
  .navbar-brand a.brand-logo:link,   
  .navbar-brand a.brand-logo:visited,   
  .navbar-brand a.brand-logo:hover {  
    background: transparent url("/images/logo/logo-wide.png") no-repeat top left;  
    background-size: 140px;
    display: inline-block;  
    min-height: 100px;  
    color: #ffffe1!important;  
    border-bottom: 0!important;  
    width: 100%;
    text-align: center;
    }
  /* Website Title - Evolving Door Astrology */
  .navbar-brand a.brand-logo span { 
    font-size: 2.5rem !important; 
    padding-left: 170px; 
    }

  /* Allow space for background logo */  
  div.site-description, 
  .navbar-brand a.brand-logo span {   
    padding-left: 170px;  
    font-size: 2.5rem;  
    }  
  div.site-description {  
    display: block!important;  
    color: #ffffe1!important;  
    font-family: Notosans Medium, sans-serif;  
    font-weight: normal;  
    font-size: 1.1rem !important;
    font-style: italic; 
    letter-spacing: 1px;  
    text-shadow: 2px 2px 3px rgba(0,0,0,.5);  
    text-align: center;  
  /*  margin-top: -40px;   */
    line-height: 1rem;  
    padding-left: 170px;
    /* Position vertically relative to top of header */
    top: 4rem;
    position: absolute;
    margin: auto;
    width: 100%;
    }
}


/** === MOBILE SCREENS -- HEADER === */
@media screen and (width < 992px) {  
  /** NASA diagonal sunrise background */  
  /* Stretch Header image to full width and height of Header div */  
  .header {  
    background: #000 url('/images/common/headerbg-2000x150.jpg') 
      no-repeat center bottom;  
    background-size: 100% 100%;  
  /*    padding: .5rem;   */
    height: 125px;  
    }  
  .container-header .grid-child,
  .container-header .grid-child navbar-brand { 
    padding: 0;
    max-width: 100%;
    }

  /* Navbar-brand wraps sitename and site-slogan */
  .navbar-brand {  
    color: #ffffe1!important;  
    font-family: 'Bilbo Swash Caps', cursive;  
    font-style: italic;  
    font-weight: normal;  
    text-shadow: 2px 2px 3px rgba(0,0,0,.8);  
    line-height: 3.75rem;  
    height: 90px;  
    margin-inline-end: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.5rem !important;
    width: 100%;
    }  

  /* HEADER LOGO for mobile screens */
  /* *** DO I NEED THESE STYLES ON LINKS?? */
  .navbar-brand a.brand-logo,  
  .navbar-brand a.brand-logo:link,   
  .navbar-brand a.brand-logo:visited,   
  .navbar-brand a.brand-logo:hover {  
    background: transparent url("/images/logo/logo-mobile.png") no-repeat .75rem .5rem;  
    background-size: 105px;
    display: inline-block;  
    min-height: 100px;  
    color: #ffffe1!important;  
    border-bottom: 0!important;  
    }
  /* Website Title - Evolving Door Astrology */
  .navbar-brand a.brand-logo span { 
    font-size: 1.55rem !important; 
    padding-left: 125px; 
    }

  /* Allow space for background logo */  
/*
  div.site-description, 
  .navbar-brand a.brand-logo span {   
    padding-left: 100px;  
    font-size: 1.65rem;  
    }  
*/
  div.site-description {  
    display: block!important;  
    color: #ffffe1!important;  
    font-family: Notosans Medium, sans-serif;  
    font-weight: normal;  
    font-size: .75rem !important; 
    font-style: italic;
    letter-spacing: .5px;  
    text-shadow: 2px 2px 3px rgba(0,0,0,.8);  
    text-align: center;  
    line-height: 1rem;  
    padding-left: 100px;
    /* Position vertically relative to top of header */
    top: 3.5rem;
    position: absolute;
    margin: 0 auto auto 0;
    width: 100%;
    }
}


/*** ======================== */
/*** MAIN MENU - WIDE SCREENS */
/*** ======================== */
/* NB: TOP MENU APPEARS AT 992+ PX */

@media screen and (min-width: 992px) {
  /* WIDESCREEN -- MAIN MENU CONTAINER */
  /* Transparent row, dimensions */
  .container-nav {
    height: 39px;
    border-bottom: 0px solid transparent;
    }
  /* Menu Text styling */
  .container-nav .mainmenu > li {
    margin: 0;
    font-size: 13.5px;
    font-weight: 300;
    letter-spacing: .25px;  
    }
  /* prevents navbar menu from overlapping the main area */
  .metismenu.mod-menu .metismenu-item        { line-height: 1.5; }
  .metismenu.mod-menu .metismenu-item.deeper { padding-right: 10px; }
  /* Menu UL background colour = flat white */
  .metismenu.mod-menu .mm-collapse           { background-color: rgba(255, 255, 255, .95); }
  /* Tab spacing */
  .container-header .mod-menu > li + li      { margin-left: .5em; }

  .header .navbar                              { margin-top: 0; height: 39px; }
  .navbar-expand-lg .navbar-collapse           { height: 39px; }
  .container-header .metismenu > li > a::after { height: 0; }
  .container-header .navbar-toggler {
    color: #ffffe1;
    cursor: pointer;
    border: 1px solid #ffffe1;
    margin-top: -.75em;
    }

  /* Remove weird underline in Active and Hover menu tabs */
  .container-header .mod-menu>li.active:after, 
  .container-header .mod-menu>li:hover:after { background: none; }

  .metismenu.mod-menu .metismenu-item > ul {
    padding: 0;
    box-shadow: 0 0 .5em #0000005a;
    }
  /** === LEVEL-1 STYLES === */
  /* Prevent overlapping margin below top of page area */
  .metismenu.mod-menu .metismenu-item.level-1 {
    padding: 0;
    margin: 0 .5em;
    background-color: rgba(216,217,216,.3);
    border-radius: 15px 0 0 0;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    font-size: 1rem;
    text-shadow: 2px 2px 3px #000;
    box-shadow: 0 0 .5em #0000005a;
    border-left-color: rgba(255,255,225,0.6);
    border-top-color: rgba(255,255,225,0.6);
    border-right-color: rgba(255,255,225,0.6);
    border-bottom-color: #777;
    }

  /* Styling for both Level-1 and Level-2 */
  /* Whole menu jumps when default link border underline kicks in, so disable it */
  #navbar1 .level-1 a,
  #navbar1 .level-2 a,
  #navbar1 .level-1 a:link, 
  #navbar1 .level-2 a:link, 
  #navbar1 .level-1 a:visited,
  #navbar1 .level-2 a:visited { 
    border-bottom: 1px solid transparent!important;
    font-family: 'Notosans SemiBold', sans-serif;
    letter-spacing: .75px;
    }

  /** LEVEL-1 LINK STYLES */
  #navbar1 .level-1 a:hover, 
  #navbar1 .level-1 a:focus, 
  #navbar1 .level-1 a:active {
    background-color: rgb(252, 40, 3) !important;
    color: #fff !important;
    }
  /* PASSIVE LINK – no different styling for visited links */
  .container-nav .mainmenu > li.level-1 > a,
  .container-nav .mainmenu > li.level-1 > a:link,
  .container-nav .mainmenu > li.level-1 > a:visited {
    /*color: #ffffe1; */
    color: #fff;
    font-weight: 700;
    padding: 7px 10px;
    border-radius: 10px 0 0 0;
    }
  /* HOVER LINK – li class flips to li.open on hover */
  .container-nav .mainmenu > li.level-1:hover,
  .container-nav .mainmenu > li.level-1.open:hover {
    color: #fff!important;
    background-color: rgba(252, 40, 3, .99);
    border-width: 1px 1px 1px 1px;
    border-color: #FF1500;
    }
  /* ACTIVE LINK – same styling as hover */
  .container-nav .mainmenu > li.active {
    color: #fff!important;
    background-color: rgba(240,25,28,.7) !important;
    border-left-color: rgba(240,25,28,.9) !important;
    border-top-color: rgba(240,25,28,.9) !important;
    border-right-color: rgba(240,25,28,.9) !important;  
    }

  /** WIDESCREEN LEVEL-2 DROPDOWN MENUS  */
  /* Dropdown arrow to sub-menu Level-2 */
  .metismenu.mod-menu .mm-toggler::after {
    border-top: .75em solid;
    border-left: .65em solid #0000;
    border-right: .65em solid #0000;
    }
  .metismenu.mod-menu .mm-toggler { 
    color: #fff;
    padding-right: .5em;
    }
  .metismenu.mod-menu .mm-toggler:hover {
    background-color: rgba(252, 40, 3, .99) !important;
    }
  /* LEVEL-2 Basic Default Styling */
  #navbar1 .level-2 a,
  #navbar1 .level-2 a:link, 
  #navbar1 .level-2 a:visited { 
    border-bottom: 1px solid transparent!important;
    font-family: 'Notosans Medium', sans-serif;
    letter-spacing: .75px;
    }

  .metismenu.mod-menu .metismenu-item.level-2 {
    padding: .5em 1em;
    margin: 0;
    font-size: 1rem;
    border-bottom: 1px solid #ccc;
    border-top: 1px transparent solid;
    color: #04c;
    text-shadow: 1px 1px 1px #777;
    }
  /* LEVEL-2 LINKS */
  .metismenu.mod-menu .metismenu-item.level-2:link, 
  .metismenu.mod-menu .metismenu-item.level-2:visited, 
  .metismenu.mod-menu .metismenu-item.level-2:focus {
    background-color: #fff;
    color: #04c;
    margin: 0 .5em 0 0;
    padding: .35em .5em;
    }
  /* LEVEL-2 HOVER */
  .metismenu.mod-menu .metismenu-item.level-2:hover {
    color: #04c!important;
    border-bottom: 1px solid #04c!important;
    border-top: 1px solid #04c!important;
    background-color: #e6eeff!important;  /* was #e8f0fc */
    /* text-shadow: 1px 1px 10px #04c; */
    }

  /* What does this do? */
  #navbar1 .level-2 a:hover {
    background-color: transparent!important;
    color: #039!important;
    }
  .metismenu.mod-menu .metismenu-item.level-2 > button:hover {
    text-decoration: none;
    color: #04c;
    /* border-bottom: 1px solid transparent!important; */
    border-bottom: 1px solid #ccc;
    }
  .metismenu.mod-menu .metismenu-item.level-2.active > a, 
  .metismenu.mod-menu .metismenu-item.level-2.active > button {}
  /* prevent ghostly left-border line after level-2 dropdown retracted */
  .metismenu.mod-menu .metismenu-item > a:focus,
  .metismenu.mod-menu .metismenu-item > button:focus {
    outline: 0 dotted #ced4da;
    }
}
/* END WIDESCREEN MAIN MENU */


/*** ---------------------------- */
/***    SMALL SCREEN MAIN MENU    */
/*** ---------------------------- */
/* Move hamburger menu button up a bit; otherwise it's partly covered by main section */
/* Set dropdown menu colours and opacity */
@media screen and (width < 992px) {
  /* Small screen Header */
  .container-header .container-nav .container-search, 
  .container-header .container-nav .navbar { 
    margin-top: 0;
    }
  /* Position hamburger menu icon */
  .container-header .container-nav .container-search, 
  .container-header .container-nav nav { 
    margin-top: 1rem;
    margin-left: .5rem;
    }
  /* Make outline of hamburger less bold on focus */
  .navbar .navbar-toggler:focus {
    box-shadow: 0 0 0 .1rem #ffffe1;
    }

  /** LEVEL-1 Small Screens */

   /* borders on left and right of dropdown menu */
   /* .container-header .mod-menu, */
  .container-header ul.mainmenu, 
  .container-header ul.mainmenu ul.mm-show {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    }
  /* border on bottom of menu row for both levels */
  .container-header ul.mod-menu li.level-1,
  .container-header ul.mod-menu ul.mm-show li.level-2 {
    border-bottom: 1px solid #999;
    }

  /* Hamburger button */
  button.navbar-toggler { 
    }
  /* Dropdown arrow to sub-menu */
  .metismenu.mod-menu .mm-toggler { 
    color: #000; 
    padding-right: .5em;
    }
  .metismenu.mod-menu .mm-toggler:hover { 
    color: #fff;
    }
  .metismenu.mod-menu .mm-toggler::after {
    border-top: .65em solid;
    border-left: .65em solid #0000;
    border-right: .65em solid #0000;
    width: 0;
    height: 0;
    margin-inline-start: .65em;
    transition: 0s;
    }

  /** LEVEL-2 LINKS IN DROPDOWN MENU */
  /* LEVEL-2 border-bottom on each menu row */
  .container-nav .mainmenu ul.mm-show li.level-2 {
    border-bottom: 1px 
    }

  /* LEVEL-2 Basic links DEFAULT colour -- default link colour: dark blue */
  .container-nav .mainmenu ul.mm-show li.level-2 a,
  .container-nav .mainmenu ul.mm-show li.level-2 a:link,
  .container-nav .mainmenu ul.mm-show li.level-2 a:visited { 
    color: #04c!important;
    }

  /* Level-1 dropdown background colour and semi-transparent */
  /* Is this needed here?? Or can it go below under container-nav mainmenu li.level-1? */
  ul.metismenu.mod-menu li.metismenu-item.level-1 {
    font-family: 'Notosans SemiBold', sans-serif;
    background-color: rgba(255, 255, 255, .95);
    color: var(--link-color);
    border-bottom: 1px solid #999;
    }
  ul.metismenu.mod-menu li.metismenu-item.level-1:hover,
  ul.metismenu.mod-menu li.metismenu-item.level-1:hover .mm-toggler {
    background-color: rgba(240,25,28,.8);
    color: #fff;
    }
  ul.metismenu.mod-menu li.level-1 a,
  ul.metismenu.mod-menu li.level-2 a {
    font-size: .95rem;
    }

  /** LEVEL-1 link styles */
  /* Change colour of Level-1 Dropdown menu (default is white on white) */
  .container-nav .mainmenu > li.level-1 > a, 
  .container-nav .mainmenu > li.level-1 > a:link, 
  .container-nav .mainmenu > li.level-1 > a:visited {
    color: #000;
    }
  /* HOVER LINK */
  .container-nav .mainmenu > li.level-1:hover {
    color: #fff!important;
    background-color: rgba(240,25,28,.95)!important;
    }
  /* Remove default link text blue colour and border-bottom */
  .container-nav .mainmenu > li.level-1:hover a,
  .container-nav .mainmenu > li.level-1:hover a:link,
  .container-nav .mainmenu > li.level-1:hover a:visited {
    color: #fff!important; 
    background-color: transparent;
    border-bottom: 0!important;
    }
  /* ACTIVE or CURRENT TEXT LINK – same styling as hover */
  /* Text link colours only for ACTIVE / CURRENT */
  .container-nav .mainmenu > li.level-1.active a,
  .container-nav .mainmenu > li.level-1.current a,
  .container-nav .mainmenu > li.level-1.active .mm-toggler,
  .container-nav .mainmenu > li.level-1.current .mm-toggler { 
    color: #fff!important;
    }
  /* Background colour for Active and Current menu items */
  /* BACKGROUND COLOR only for */
  .container-nav .mainmenu > li.level-1.active,
  .container-nav .mainmenu > li.level-1.current { 
    background-color: rgba(240,25,28,.95)!important;
    }  

  /** LEVEL-2 LINKS IN DROPDOWN MENU */
  /* LEVEL-2 Basic links DEFAULT colour -- default link colour: dark blue */
  /* .container-nav .mainmenu > li.level-1 ul.mm-show li.level-2 a,
  .container-nav .mainmenu > li.level-1 ul.mm-show li.level-2 a:link,
  .container-nav .mainmenu > li.level-1 ul.mm-show li.level-2 a:visited { 
    /* color: #04c; 
    color: #000;
    } */
  /* LEVEL-2 Menu row HOVER -- text: dark blue, background-color light blue */
  .container-nav .mainmenu > li.level-1 ul.mm-show li.level-2:hover,
  .container-nav .mainmenu > li.level-1 ul.mm-show li.level-2:hover a,
  .container-nav .mainmenu > li.level-1 ul.mm-show li.level-2:hover a:link,
  .container-nav .mainmenu > li.level-1 ul.mm-show li.level-2:hover a:visited {
    color: #04c;
    background-color: #ccdcff;
    }

  /* LEVEL-2 Menu row ACTIVE/CURRENT colours - dark blue bg, white text */
  .container-nav .mainmenu > li.level-1 ul.mm-show li.level-2.active,
  .container-nav .mainmenu > li.level-1 ul.mm-show li.level-2.current { 
    background-color: #04c; 
    }
  /* LEVEL-2 Text color ACTIVE/CURRENT colours - white text */
  .container-nav .mainmenu > li.level-1 ul.mm-show li.level-2.active a,
  .container-nav .mainmenu > li.level-1 ul.mm-show li.level-2.current a { 
    color: #fff!important;
    background-color: transparent!important;
    }
}

/** END OF MENU STYLES        */
/** ========================= */



/** ------------------------------------------------ */
/**  TAGLIST STYLES ARTICLES LIST IN DROPDOWN MENUS  */
/**  TAGLIST is the class applied to the HTML page   */
/** ------------------------------------------------ */

.com-content-article .taglist ul { padding-left: 0; margin-left: 0; }
.com-content-article .taglist ul li:before { content: ''!important; }
.com-content-article .taglist ul li {
  line-height: 1.75em;
  padding-left: 1rem;
  margin-left: 0;
  list-style: none;
  text-indent: 0;
  border: 1px solid #ccc;
  border-radius: 1.5em;
  }

.taglist .list-group .list-group-item { 
  margin: 1em 0; 
  border: 2px #ddd solid; 
  border-radius: .5em; 
  }
.taglist .list-group .list-group-item:hover,
.taglist .list-group .list-group-item:focus {
  border: 2px #6685e0 solid;
  }
.list-group-item-action:not(.active):hover, 
.list-group-item-action:not(.active):focus {
  background-color: #f5f7fa;
  }
.taglist .list-group img { 
  float: left; 
  margin: 0 1em 1em 0;
  border-radius: .3rem;
  border: 1px solid #aaa;
  }
.taglist .tag-category .category-desc { 
  width: 90%; 
  overflow: hidden;
  margin: auto auto 2.5em auto;
  padding-top: 1.15em;
  display: flex;
  align-items: center;
  }
.taglist .tag-category .category-desc img { 
  float: left; 
  margin: 0 2em 0 0; 
  width: 200px;
  }

.taglist .category-desc h2 { margin-top: 1em; }
.taglist .category-desc h2 { margin-top: 1em; }
.taglist .category-desc p { 
  font-style: italic;
  font-family: Merriweather-Italic, serif;
  font-size: 1em;
  margin: 0;
  }
taglist .category-desc .iconimg,
.searchpage .iconimg { 
  margin: 0;
  }
/* Colour the Category Heading orange like the dropcap */
.com-content-category-blog h1,
.com-content-categories h1,
.com-tags-tag h1 {
  color: #e68a00;
  }
/* Tab Iconbox */
.taglist .category-desc .iconbox { 
  float: left; 
  margin-right: 1.5em; 
  margin-top: 0; 
  width: 200px;
  }
@media screen and (width < 768px) {
  .taglist .tag-category .category-desc { 
    width: 90%; 
    display: block;
    }
  .taglist .category-desc .iconbox { 
    float: none; 
    margin: 0 auto .5em auto; 
    width: 200px;
    }
  .taglist .list-group img { 
    float: none; 
    margin: 0 auto .75em auto;
    display: block;
    border-radius: .3rem;
    }
  .taglist .list-group h2,
  .taglist .list-group h3 {
    text-align: center;
    }
}


/*** ======================================== */
/*** RIGHT SIDEBAR MENUS OF SAME-TAG ARTICLES */
/*** ======================================== */
/* I removed glossaries-list class from sidebar glossary module; now uses default sidebar styles */

/* Limit sidebar-right width for small screens so it doesn't stretch full width */
.sidebar-right { max-width: 370px; }

/* Add extra margin-bottom on last sidebar widget */
.container-sidebar-right .sidebar-right:last-child  { margin-bottom: 2.5em; }
.container-sidebar-right .sidebar-right:first-child { margin-top: 0; }
.container-sidebar-right { background: #000; margin-top: 0; }

@media screen and (width < 992px) {
  .container-sidebar-right { margin-top: 2.5em!important; }
}

.submenu ul {
  margin: .75em 0 1em .25em;
  padding-left: 0;
  }

.submenu li:before {
  content: "\2736";
  color: #e63900;
  font-size: 125%;
  }
.submenu .card-body,
.GLsidebar card-body {
  padding: 0 .25em 0 .75em;
  }
.card.submenu, .card.sidebar-right {
/*  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 1.5em; */
  margin: 0 0 2.5em 0;
  border-color: #ccc;
  border-width: 1px;
  border-radius: .5em;
/*  box-shadow: 5px 5px 10px 2px #ddd; */
  background: #fff url("/images/common/flare-orange-burst.png") no-repeat left -1.5em;
  }
.container-sidebar-right {
  background-color: #000!important;
  padding: 0 .25em;
  }
@media only screen and (width < 768px) {
  .container-sidebar-right {
    padding-top: inherit;
    }
}

.submenu h3.card-header,
.GLsidebar h3.card-header {
  font-size: 1.34em;
  border-radius: .5em .5em 0 0 !important;
  text-align: center;
  color: #039;
  background-color: transparent;
  border: 1px transparent solid;
  margin-bottom: 0;
  }
.submenu li {
  margin-left: 0;
  }
.submenu .mod-list li {
  padding: .4em 0.25em 0.25em 1.5em;
  font-size: 1rem;
  line-height: 1.35em;
  }
.submenu .mod-list li:before {
  margin: 0 0 0 -1.5rem;
  }


/*** =============================== */
/***   TAGS LIST MENU SIDEBAR-RIGHT   */
/*** =============================== */
.tagsmodule ul {
  padding-inline-start: 0;
  list-style: none;
  }
.submenu.tagsmodule li { 
  list-style-type: none;
  padding: .4em 0.25em 0.25em 1.5em;
  font-size: 1rem;
  line-height: 1.35em;
  }
.submenu.tagsmodule li a { margin-left: .25em; }
.submenu.tagsmodule li::before {
  margin: 0 0 0 -1.5rem;
  }


/*
.tagsmodule .metismenu.mod-menu .metismenu-item.level-1 {
  padding: 0;
  margin: 0 .5em;
  background-color: transparent;
  border-radius: 15px 0 0 0;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: rgba(255,255,225,0.25);
  font-size: 1rem;
  box-shadow: 0 0 .5em #0000005a;
}
*/


/** Where are these used? */
/* class submenu is used in sidebar menus for tagged articles */
/* Where does a sidebar menu use a figure image?? – Horoscope thumbs maybe?? */
.submenu figure { max-width: 30px; }
/* Where does a sidebar menu use h4?? */
.submenu h4 { font-size: 1rem; }


/* from DesignShack dot net */
.iconimg {
  border: 15px solid rgba(221, 211, 161,.7);  
  border-radius: 50%;
  height: 200px;
  width: 200px;
  margin: 0 auto 10px auto;
  overflow: hidden;
  }

/*  Grow function  */
.grow img {
  height: 170px;
  width: 170px;
  -webkit-transition: all .7s ease;
     -moz-transition: all .7s ease;
       -o-transition: all .7s ease;
      -ms-transition: all .7s ease;
          transition: all .7s ease;
  }
.grow img:hover {
  -webkit-transform: scale(1.15);
     -moz-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
  }


/* ========================== */
/*  Blog Category Index Page  */
.category-desc { 
  overflow: hidden;
  margin-bottom: 2.5em;
  padding: 1.25em;
  box-shadow: 2px 2px 10px 2px rgba(221, 211, 161,.7);
  border-radius: .75em;
  margin-left: .5em;
  margin-right: .5em;
  background-color: rgba(221, 211, 161,.15);
  border: 1px solid rgba(221, 211, 161,.9);
  }

.category-desc h2 { margin-top: 1em; }
.category-desc p { 
  font-style: italic;
  font-family: Merriweather-Italic, serif;
  font-size: 1.2em;
  margin: 0;
  padding-top: 0.75em;
  }
.category-desc .iconbox, 
.searchpage .iconbox { 
  float: left; 
  margin-right: 1.5em; 
  margin-top: 0; 
  width: 200px;
  }
.category-desc .iconimg,
.searchpage .iconimg { 
  margin: 0;
  }
.com-content-categories__item {
  border-bottom: none;
  border-top: 1px solid #dfe3e7;
  padding: 1.5em 0;
  }

@media screen and (width < 768px) {
  .category-desc .iconbox { float: none; margin: 0 auto; }
}
@media screen and (width < 992px) {
  .category-desc p { font-size: 1em; }
}

/* Colour the Category Heading orange like the dropcap 
.com-content-category-blog h1,
.com-content-categories h1,
.com-tags-tag h1 {
  color: #e68a00;
  }

/* ================= */



/** BLANKSPACER MODULES */
/* Keeps both side margins visible, adjusts width with layout */
/* Do I even need this in Cassiopeia? Needed in T3 but maybe not now. */
/* 2026-02-09 Testing if this is still used by commenting it out */
/* 2026-02-09 Searched source code in one page and it's not there */
/* div.module_blankspacer { display: none; } */



/*** --------------------------------- */
/***            GLOSSARY SECTION           */
/***    LIST OF GLOSSARIES IN SIDEBAR    */
/*** --------------------------------- */
/* Glossary Home Page - bottom spacing */
.item-page_glossaryhome { margin-bottom: 3em; }
  
.glossaries-list ul li {
  font-size: .85em;
  font-family: Merriweather, serif;
  }
.glossaries-list ul li a,
.glossaries-list ul li a:link, 
.glossaries-list ul li a:visited {
  text-decoration: none;
  border-bottom: 1px dotted transparent;
  background-color: transparent;
  padding: 2px;
  }
.glossaries-list ul li a:hover { 
  text-decoration: none;
  border-bottom: 1px solid #04c;
  background-color: #e6eeff;
  color: #04c;
  padding: 2px;
  }
.glossaries-list .mod-list li.active > a {
  text-decoration: none;
  border-bottom: 3px solid #c00;
  background-color: transparent;
  color: #04c;
  padding: 2px;
  }

.glosPopover, .glosTip. glosTip.glosPopover { max-width: 80%; }

/* Glossary Category Terms tables */
form#termsForm .glossary-terms-table,
form#termsForm .glossary-terms-table tr td {
  border: 1px solid #606;
}
.table {
  --table-hover-bg: rgba(102, 0, 102,.05);
  }



/** ----------------------------------------------- */
/**   LINK FORMATTING FOR SIDEBAR GLOSSARY MODULE   */
/** ----------------------------------------------- */
/* Article-Category/Glossary */
.sidebar-right.GLsidebar {
  padding: 0 0 0 3px;
  display: list-item;
  border-bottom: none;
  list-style-type: none;  
  }
.GLsidebar ul.mod-aglossarycategory,
.GLsidebar ul.mod-aglossarycategories {
  margin: 1rem 0 1rem .95rem;
  padding-left: 0;
  }
/* LIST ICON FOR GLOSSARY MODULE */
.GLsidebar ul.mod-aglossarycategory li,
.GLsidebar ul.mod-aglossarycategories li { 
  list-style-type: none;
  list-style-position: outside;
  line-height: 1.5em;
  /*  font-family: 'Averia Serif Libre', sans-serif; */
  font-size: 1em;
  font-style: normal;
  font-weight: normal;  
  margin: 0px 0 .5rem .5rem;
  }

.GLsidebar ul.mod-aglossarycategory li a::before,
.GLsidebar ul.mod-aglossarycategories li a::before {
  content: '\2726';         /* 6-pointed star shape */
  margin: 0 5px 0 -1.5rem;  /* negative left margin puts icon outside link underline */
  color: #7d30bf;           /* was #606 too dark to see the colour */
  font-size: 120%;  
  }
/* Latest Glossary terms sorted by month/year, using sub-heading tags ?????????????? */
.category-module.mod-listGLsidebar h5 {
  margin: 0!important;  
  }
/* Latest from the Glossary module ???????? */
.moduletable .GLsidebar {
  margin-bottom: 3em;
  }

/* MARGINS FOR GLOSSARY SIDEBAR MODULES */
/* Articles-Category/Glossary */
/* ul.mod-aglossarycategory.mod-listGLsidebar li { 
  margin: margin: 0px 0 .5rem .5rem;
  }
*/

/** LINK STYLES FOR GLOSSARY SIDEBAR MODULES */
/* Plain Link – all modules */
.category-module.mod-listGLsidebar li a,
.category-module.mod-listGLsidebar li a:link {
  color: #01f;
  text-decoration: none;
  background-color: transparent;  
  }
/* Visited Link – all modules */
.category-module.mod-listGLsidebar li a:visited {
  color: #37f;
  background-color: transparent;  
  }
/* Hover and Focus – all modules */
/* Must include :focus or else text-decoration:underline appears after clicking the link. */
/* Even if not using the underline, might as well keep it in case I use it in the future. */
.category-module.mod-listGLsidebar li a:hover,
.category-module.mod-listGLsidebar li a:focus {
  color: #04c;
  text-decoration: none;
  border-bottom: 1px solid #04c;
  background-color: #e6eeff;  
  }
/* INTRO TEXT */
.GLsidebar .mod-aglossary-category-introtext {
  color: #000;
  font-size: .85em;
  line-height: 1.35em;
  font-style: normal;
  font-weight: normal;  
  }

/** ========================= */
/**   END OF SIDEBAR STYLING  */
/** ========================= */




/*** ======================== */
/***     UP TO NOW STYLES     */
/*** ======================== */

/** ========================================================================== */
/** UPTONOW SMALL SCREEN *AND* WIDESCREEN
/* 1-column, date above
/* up2dateinfo = date, glyphs, etc. – above, right-aligned in 1-column layout
/* up2interps = name of transit, interpretation – below, left-aligned in 1-column layout
/* Line defining top and bottom sections, with icons pointing to Titles
/* ========================================================================== */

/* UPTONOW blog-item */
.uptonow .blog-item {
  display: block;
  margin: 0;
  padding: 0 2em!important;
  box-shadow: none;
  }
@media screen and (width < 768px) {
  .uptonow .blog-item { padding: 0!important; }
}

/* UoToNow Top Intro Article at top of feed */
div.up2nowTopIntro {
  margin: 0;
  }
div.up2nowTopIntro h2 {
  font-size: 38px!important; 
  text-align: center; 
  margin-top: 0; 
  color: #c00; 
  line-height: 1.15;
  letter-spacing: -0.5px;
  }
div.up2nowTopIntro p {
  font-size: 1rem; 
  margin-top: 0;
  }
div.up2nowTopIntro h3.subhdr {
  font-size: 1.15rem;
  margin: 1.25em .5em 0 .5em;
  text-align: center;
  }
div.up2nowTopIntro p.subhdr em {
  font-weight: 600!important;
  }

div.up2nowTopIntro hr {
  width: 75%; 
  border-top: 1px dashed #03c; 
  margin-top: 3rem;
  margin-bottom: 10px;
  }
/* was max-width 600px */
@media screen and (width < 576px) {
  div.up2nowTopIntro h2 {
    font-size: 28px!important;
    line-height: 1.1;
    }
  div.p2nowTopIntro p {
    font-size: 14px;
    }
  div.up2nowTopIntro p.subhdr {
    font-size: 15px;
    margin-left: 1em;
    margin-right: 1em;
    text-align: center;
    }
}

/* UP2NOWTITLES */
.up2nowtitles ul { margin-bottom: 0!important; }
/* Adjust spacing between event titles */
.up2nowtitles .mod-list li { padding: .25em 0 0 0; }

/* UP2LISTPREVIEW */
.up2nowtitles {
  margin: 0;
  padding: 0;
  }
.up2nowtitles h4 {
  font-family: 'Notosans SemiCondensed', sans-serif;
  margin-top: 0;
  font-size: .95em;
  font-weight: normal;
  color: #000;
  line-height: 1em;
  text-indent: -4.25em;
  margin-left: 4.25em;
  }



/** DATE & DETAILS SECTION */
div.up2dateinfo {
  margin: 10px 20px 0 35px;  
  padding: 0px 21px 5px 0;
  text-align: right;
  border-right:  2px #03c solid;
  border-bottom: 2px #03c solid;
  border-bottom-right-radius: 15px;
  }
/* was max-width 600px */
@media screen and (width < 576px) {
  div.up2dateinfo { margin: 10px 10px 0 25px; }
}

div.up2dateinfo h2 {
  font-family: Averia Serif Libre, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 22px!important;
  text-align: right;
  margin: 0 -2px 10px 0;
  color: #c00;  
  }
div.up2dateinfo h2::after {
  content: "";
  margin: -1px -22px -5px 0px;
  /* Left-Arrow */
  border-top:    16px solid transparent;
  border-right:  16px solid #03c;
  border-bottom: 16px solid transparent;
  border-left:   16px solid transparent;
  display: inline-block;  
  }

div.up2glyphs {
  width: 100%;
  text-align: right;
  margin: 5px 0 5px 0;  
  }
div.up2details {
  text-align: right;
  font-family: 'Merriweather-Italic', serif;
  font-style: italic;
  font-weight: 300;  
  }
div.up2details p {
  font-size: 13px;
  text-align: right;
  margin: 0 0 10px 0;
  line-height: 22px;  
  }

/* was max-width 600px */
@media screen and (width < 576px) {
  div.up2dateinfo {
    margin: 10px 10px 0 25px;  
    }
  div.up2dateinfo h2 {
    font-size: 22px!important;
    }
}


/** INTERPRETATIONS SECTION – 1-COLUMN */
div.up2interps {
  margin: -2px 30px 0 20px;
  /* If bottom=0, border-left ends at text; bottom=1px shows p bottom-padding */
  padding: 15px 0 1px 20px;
  border-left: 2px #03c solid;
  border-top:  2px #03c solid;
  border-top-left-radius: 15px;
  }
/* was max-width 600px */
@media screen and (width < 576px) {
  div.up2interps { margin: -2px 20px 0 10px; }
}
div.up2interps h2 {
  font-family: Averia Serif Libre, serif;
  font-style: normal!important;
  font-weight: 400;
  font-size: 20px!important;
  margin: 0 0 10px 0;
  color: #c00;
  text-align: left;  
  }
div.up2interps h2::before {
  content: "";
  margin: 3px 0px -5px -22px;
  /* Left Triangle Arrow */
  border-top:    12px solid transparent;
  border-right:  12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left:   12px solid #03c;
  display: inline-block;  
  }

/* was max-width 600px */
@media screen and (width < 576px) {
  div.up2interps    { margin: -2px 20px 0 10px; }
  div.up2interps h2 { font-size: 20px!important; }
}

/** UPTONOW BLOG FEED PAGE - MENU */
div.blog_up2nowfeed section.article-intro h2 {
  font-family: 'Averia Serif Libre', cursive; 
  font-style: italic; 
  line-height: 1.1;
  margin: 0 0 .35em 0;  
  }
div.blog_up2nowfeed section.article-intro p.ld-details {
  font-family: 'Merriweather-Italic', serif;
  font-style: italic;
  font-weight: 300;
  margin: 5px 0;  
  }
div.blog_up2nowfeed .items-row .item {
  margin-bottom: 0!important;  
  }


/*** ===================================== */
/*** UP TO NOW GLYPHS – ASTROSCRIPT FONT     */
/*** USED FOR GLYPHS NOT IN WIDGET-BOLD      */
/*** ===================================== */

/* Is widget-26025 needed? Why?  STILL USING THIS CLASS?? */
.widgetb,.widgetb-26025 {
  font-family: 'Widget-Bold',sans-serif; 
  font-size: 115%;   
  }

/* ORIGINALLY INTENDED FOR USE IN ARTICLES – STILL USING THIS CLASS?? */
.astroglyph { 
  font-family: 'Widget-Bold',sans-serif;
  font-size: 150%;
  font-weight: normal !important;
  padding: 0 5px;
  display: inline-block;  
  }

/* FOR USE IN UpToNow FEED PAGE */
div.up2glyphs span {
  font-family: 'Widget-Bold';
  font-size: 24px;
  font-weight: normal !important;
  padding: 0 2px;
  display: inline-block;  
  }

/** WIDGET-BOLD FONT – no Chiron */
/** ASPECTS */
div.up2glyphs .cnj::after { content: "!"; }
div.up2glyphs .opp::after { content: "\0022"; }
div.up2glyphs .sqr::after { content: "#"; }
div.up2glyphs .tri::after { content: "$"; }
div.up2glyphs .sxt::after { content: "%"; }
div.up2glyphs .qcx::after { content: "&"; }
div.up2glyphs .ssx::after { content: "'"; }
div.up2glyphs .ssq::after { content: "("; }
div.up2glyphs .sqq::after { content: ")"; }
div.up2glyphs .qtl::after { content: "*"; }
div.up2glyphs .bullet::after { content: "∙"; }
/** SIGNS */
div.up2glyphs .ar::after { content: "a"; }
div.up2glyphs .ta::after { content: "b"; }
div.up2glyphs .ge::after { content: "c"; }
div.up2glyphs .cn::after { content: "d"; }
div.up2glyphs .le::after { content: "e"; }
div.up2glyphs .vi::after { content: "f"; }
div.up2glyphs .li::after { content: "g"; }
div.up2glyphs .sc::after { content: "h"; }
div.up2glyphs .sg::after { content: "i"; }
div.up2glyphs .cp::after { content: "j"; }
div.up2glyphs .aq::after { content: "k"; }
div.up2glyphs .pi::after { content: "l"; }
/** PLANETS */
div.up2glyphs .sun::after { content: "A"; }
div.up2glyphs .mon::after { content: "B"; }
div.up2glyphs .mer::after { content: "C"; }
div.up2glyphs .ven::after { content: "D"; }
div.up2glyphs .mar::after { content: "E"; }
div.up2glyphs .jup::after { content: "F"; }
div.up2glyphs .sat::after { content: "G"; }
div.up2glyphs .ura::after { content: "H"; }
div.up2glyphs .nep::after { content: "I"; }
div.up2glyphs .plu::after { content: "J"; }
div.up2glyphs .nnod::after { content: "L"; }
div.up2glyphs .snod::after { content: "M"; }
/** extra symbols */
div.up2glyphs .rx::after { content: "r"; font-size: .75em!important; }


/** From AstroScript Font */
/* div.up2glyphs span.chi::after, */
div.up2glyphs span.pll, span.pll, 
div.up2glyphs span.cpll, span.cpll, 
div.up2glyphs span.enters { 
  font-family: 'AstroScript Bold' !important;
  font-size: 24px;
  font-weight: normal;
  padding: 0 4px;
  display: inline-block;  
  }

div.up2glyphs .pll::after,  .pll::after  { content: "p"; }
div.up2glyphs .cpll::after, .cpll::after { content: "q"; }

/* AstroScript glyphs not currently used */
/* From AstroScript Font – not in Widget-Bold font */
/* div.up2glyphs .chi::after { content: "K"; font-family: 'AstroScript Bold' !important; } */
/* Seems I'm loading an entire font file JUST for ONE glyph!! */
/* Consider turning Chiron into an image */


/** From Standard Body Font – PT Sans */
div.up2glyphs .oob::after    { content: "OOB"; }
div.up2glyphs .inb::after    { content: "InB"; }
div.up2glyphs .stnd::after   { content: "SD"; }
div.up2glyphs .stnr::after   { content: "SR"; }
div.up2glyphs .amx::after    { content: "Max Elongation AM"; }
div.up2glyphs .pmx::after    { content: "Max Elongation PM"; }
div.up2glyphs .rxshadow::after { content: "the Shadow"; }
div.up2glyphs .enters::after { content: "in"; }
div.up2glyphs .in::after     { content: "in"; }
div.up2glyphs .leaves::after { content: "exits"; }
div.up2glyphs .na::after     { content: "North America"; }
div.up2glyphs .uk::after     { content: "UK"; }
div.up2glyphs .au::after     { content: "Australia"; }
div.up2glyphs .std::after    { content: "Standard Time"; }
div.up2glyphs .dst::after    { content: "Daylight Saving Time"; }
div.up2glyphs .nm::after     { content: "New Moon in "; }
div.up2glyphs .fm::after     { content: "Full Moon in "; }
div.up2glyphs .secl::after   { content: "Solar Eclipse in "; }
div.up2glyphs .lecl::after   { content: "Lunar Eclipse in "; }
div.up2glyphs .zerodecl::after { content: "crosses 0° Declination"; }

/** From Standard Font – PT Sans */
div.up2glyphs span.oob,
div.up2glyphs span.inb,
div.up2glyphs span.stnd,
div.up2glyphs span.stnr,
div.up2glyphs span.amx,
div.up2glyphs span.pmx,
div.up2glyphs span.rxshadow,
div.up2glyphs span.enters,
div.up2glyphs span.in,
div.up2glyphs span.leaves,
div.up2glyphs span.na,
div.up2glyphs span.uk,
div.up2glyphs span.au,
div.up2glyphs span.std,
div.up2glyphs span.dst,
div.up2glyphs span.nm,
div.up2glyphs span.fm,
div.up2glyphs span.secl,
div.up2glyphs span.lecl,
div.up2glyphs span.zerodecl,
div.up2glyphs span.textonly
 { 
  font-family: 'Open Sans' !important;
  font-size: 20px;
  font-weight: normal;
  padding: 0 4px;
  display: inline-block;  
  }


/** CHIRON AS AN IMAGE / SPRITE */
.chi {
  background: url('../fonts/chirononly5.png') no-repeat 0 1px;
  width: 19px;
  height: 22px;
  }


/** TITLE LIST OF ACTIVE UP2NOW ARTICLES – NO LINKS */
/* TO DISPLAY AT TOP OF PAGE OR IN PROMOS (scopes) */
div.moduletable_up2nowtitles h3 {
  font-size: 1.35rem;
  }
div.newsflash_up2nowtitles h4 {
/*  font-family: 'Open Sans', sans-serif; */
  margin-top: 0;
  line-height: .8rem;
  font-size: .95rem;
  font-weight: 300;
  }



/*** ========================= */
/***          TAGS             */
/*** ========================= */

/* See Menus section for Tag Dropdown Menu in Main Menu */
.ed-article-data {
  float: right;
  }

/**  TAGGED ARTICLE LIST PAGES  */
.tag-category h1 {
  font-family: Bilbo Swash Caps, cursive;
  font-size: 2.5em;
  color: #03c;
  font-style: normal;
  letter-spacing: 1px;
  margin: 0 0 .5em 0;
  }
@media screen and (width < 992px) {
  .tag-category h1 { font-size: 2em; letter-spacing: 0; }
}

/** Style tags in article info sections */
/** Styles for tags in articles AND readmore buttons */
ul.tags a.btn, ul.tags a.btn:link, ul.tags a.btn:visited,
.readmore .btn, .readmore .btn:link, .readmore .btn:visited {
  margin: 0 0em .25em 0;
  padding: .3em 1em .35em 1em;
  font-size: 14px;
  font-weight: 400;
  border-radius: 8px;
  box-shadow: 3px 4px 4px #c0d0f2;
  background-color: #fff;
  border-color: #c0d0f2 !important;
  border-style: solid;
  border-width: 1px;
  line-height: 1.25em;
  color: #04c;
  }
ul.tags a.btn:hover,
.readmore .btn:hover {
  background-color: #e6eeff;
  border: 1px solid #5783db !important;
  }
.readmore .icon-chevron-right::before { content: ""; }
.readmore a { font-size: 1.05em!important; }
                                        
ul.tags.list-inline { margin-bottom: 1em; }
ul.tags.list-inline li { text-indent: 0; }
ul.tags.list-inline li::before {
  padding-right: 0;
  content: "";
  /*  color: #e63900; */
  font-size: inherit;
  }


/*** ======================== */
/***     BLOG LISTING PAGE    */
/*** ======================== */
/*   Spacing between 2-column layout segments   */
.columns-2 .blog-item { 
  margin-left: .5em!important;
  margin-right: .5em!important;
  border: 1px solid #e6e6e6;
  border-radius: .75em;
  }
/* Vertically centre heading next to intro image */
.columns-2 .page-header { 
  border-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  }


/* BLOG ITEM CARDS - CHANGE INNER INTRO IMG ON HOVER */
/* initial setup for blog-item intro img */
/* initial bg is yellow sunburst */
.columns-2 .blog-item figure { 
  background: #fff url("/images/common/intro-initial-bg.png") no-repeat center;
  background-size: cover;
  transition-duration: .5s;
  border: 1px solid transparent;
  border-radius: 50%;
  width: 250px;
  margin: 0.25em auto;
  }

/* Whole blog-item card gets light blue bg on hover */
.columns-2 .blog-item:hover,
.items-leading.firstup .blog-item:hover {
  background-color: #f5fafe;
  border: 1px solid #4675d2;
  }
/* when card hovered, change bg of oval to starry bg */
/* hover bg image is starry sky */
.columns-2 .blog-item:hover figure {
  background: #111 url("/images/common/intro-hover-bg.png") no-repeat center;
  background-size: cover;
  transition-duration: .5s;
  border: 1px solid transparent;
  border-radius: 50%; 
  width: 250px;
  margin: 0.25em auto;
  }

/* crop intro image to 150x150 */
.columns-2 .blog-item figure.item-image img {
  width: 150px;
  height: 150px;
  object-fit: cover;
}

/* on hover, round intro img moves to middle of figure area */
.columns-2 .blog-item:hover figure img, 
.columns-2 .blog-item figure:hover img {
  transform: translate(48px, 0); /* move it 48px to the right */
  transition-duration: .5s;
  -webkit-box-shadow:0px 0px 10px 2px rgba(255,255,255,0.95);
  -moz-box-shadow: 0px 0px 10px 2px rgba(255,255,255,0.95);
  box-shadow: 0px 0px 10px 2px rgba(255,255,255,0.95); /* put white glow around img */
  }
/*   SLOW ANIMATION FOR ARTICLE INTRO ITEMS   */
/* This makes the un-hover action return slowly to its original position */
.columns-2 .blog-item figure img {
/*  transform: translate(-25px, 0); */
  transform: translate(-10px, 0);
  transition-duration: .5s;
  border: 1px solid #aaa;
  }



.columns-2 .blog-item figure a,
.columns-2 .blog-item figure a:link,
.columns-2 .blog-item figure a:hover {
  border-bottom: 0!important;
  background: transparent;
  color: transparent;
  }

dl.article-info dd { 
  font-size: .8em;
  margin-bottom: .25em;
  }

/** ARTICLE INTRO TITLE HEADINGS */
/* On blog or tag layout pages */
.articleintro h2 { margin-top: 0; }
.blog-item div.articleintro h2 { clear: left; font-size: 1.25em; margin-top: 0; }
.blog-item .page-header h2 { text-align: center; font-size: 1.5em; margin: 1rem 0; }
.blog-item .item-content dl.article-info { clear: left; margin-bottom: .5rem; }

/* Blog-item */
.blog-item img {
  border: 1px solid #efefef;
  background: #f2f2f2;
  border-radius: 50%;
  background-position: center;
  background-size: 100%;
  }

.firstup .blog-item figure {
  text-align: center;
  }
.firstup .blog-item img {
  border-radius: 3px;
  margin: 0 auto;
  }
.lightborder img { border: 1px #aaa solid; }
.darkborder img  { border: 1px #333 solid; }

.lowdown .lightborder img   { border: 1px #aaa solid; padding: 1em; }
.lowdown .darkborder img    { border: 1px #333 solid; padding: 1em; }
figure.ld-full { 
  border: 1px #aaa solid; 
  border-radius: .35rem;
  padding: .75em;
  }
figure.ld-full img { 
  margin: auto; 
  width: 100%;
  }
figure.ld-full figcaption {
  color: #000;
  font-size: 1rem;
  padding: .75em .5em.5em .5em;
  }

/* On article pages */
.item-page div.articleintro    { 
  margin: auto;
  width: 90%;
  /*  max-width: 100%; */
  }
.item-page div.articleintro h2,
.item-page_about div.articleintro h2 { 
  color: #c00;
  text-align: center;
  }
.item-page div.articleintro p,
.item-page_about div.articleintro p {
  font-family: 'Merriweather-Italic', serif;
  font-style: italic;
  font-size: 1.05em;
  margin-bottom: 2em;
  }
/* normal H3 styling too heavy for FAQ page */
.item-page_about h3 {
  font-family: "Averia Serif Libre", sans-serif;
  font-style: italic;
  font-weight: normal;
  margin-top: 1.25em;
  color: #039;
  }

/* Reduce headline font size on small screens */
@media screen and (width < 576px) {
  .blog-item .page-header h2 {
    text-align: center;
    font-size: 1.5em;
    margin: 1rem 0;
    }
}





/*** ================================= */
/***    LOW-DOWN LUNATION ARTICLES     */
/*** ================================= */

/* Class .lowdown is added from Menu category blog, so that styles can be adjusted for those pages */

/* LOWDOWN PAGE: Article Header - Linked Title */
.lowdown h1.article-title a, 
.lowdown h1.article-title a:link,
.lowdown h1.article-title a:focus,
.lowdown h1.article-title a:visited {
  color: #c00;
  text-shadow: 1px 1px 1px #f99;
  text-decoration: none;
  }
/* Article Page – Hover */
.lowdown h1.article-title a:hover {
  color: #f00;
  text-shadow: 1px 1px 1px #900;
  }
/* Article heading for Low-Down articles */
.lowdown .article-title,
.lowdown .article-header h1 {
  margin: .25em 0 0 0!important;
  }
/* Spacing around intro image on index page */
.lowdown .article-intro .pull-left.item-image {
  margin: 0 1.5em 0em 0;
  }
/* Spacing above article title on Low-Down pages */
.item-pagelowdown .article-header h1.article-title {
  margin-top: 0!important;
  }
/* Full Article image (usually chart) */
.item-pagelowdown .pull-none.item-image img {
  padding: 15px;
  border: 1px #ccc solid;
/*  width: 95%; */
  margin: 2em auto 1em auto;
  }
/* Intro image on category blog index page AND home page */
.lowdown .article-intro img,
.homepage .article-intro img {
  padding: .25em;
  border: 1px #ccc solid;
  border-radius: .15em;
  }
/* Divider after lowdown article intro */
img.ld-divider, p img.ld-divider {
  margin: .5em auto;
  max-width: 75%!important;
  }
p.ld-divider {
  text-align: center;
  margin: 1em auto;
}
/* Red Heart, used mainly in Low-Down slogan at the end of the NM/FM articles */
span.redheart::before {
	content: "\2764";
	color: #c00;
	font-weight: normal;
}
/* disable clear on blockquotes for Lowdown wide screens only, so text will float left of lunarbox */
@media screen and (min-width: 768px){
  .lowdown blockquote { clear: none; }
}

/* Subheading in Lowdown index page */
.lowdown .article-intro h2.ldsubtitle,
.article-intro h2.ldsubtitle {
  margin: .25em 0 .5em 0;
  text-align: left;
  }
/* Subheading in Lowdown article page */
.lowdown .article-content h2.ldsubtitle,
.article-content h2.ldsubtitle {
  text-align: center;
  margin: .75em 0;
  }

/* Image and other credits for Low-Down articles */
div.credits {
  margin: 2em auto;
  width: 80%;
  }


/* =================================================== */
/* ***NEW 2022-10 *** Datebox for Lunation information */

div.lunardatebox h2,
div.lunardates h2 {
  font-size: 1.35rem!important;
  margin: 0 0 .15rem 0;
  text-align: center;
  color: #c00;
  font-weight: bold;
  }
/* Used in Up2Now – no blue arrow at left */
div.lunardatebox h2::before,
div.lunardates h2::before {
  border: none!important;
  }
div.lunardatebox p,
div.lunardates p {
  font-size: .9rem;
  margin: 0 0 .25rem 0;
  line-height: 1.25rem;
  }
div.lunardatebox p.place,
div.lunardates p.place {
  margin: .75rem 0 0 0!important;
  font-weight: bold;
  }
div.lunardatebox p.dateeastern,
div.lunardates p.dateeastern {
  margin: 0;
  }
div.lunardatebox p.otheramer,
div.lunardates p.otheramer {
  padding-left: .5rem;
  font-style: italic;
  }
div.lunardatebox p.timezonelink,
div.lunardates p.timezonelink {
  margin-top: 1rem;
  }


/* Zodiac sign icons in Lunar Dates box */
div.lunaricon-01 { background: transparent url("/images/zodiac/scopes-01ari.jpg") no-repeat center 10px; }
div.lunaricon-02 { background: transparent url("/images/zodiac/scopes-02tau.jpg") no-repeat center 10px; }
div.lunaricon-03 { background: transparent url("/images/zodiac/scopes-03gem.jpg") no-repeat center 10px; }
div.lunaricon-04 { background: transparent url("/images/zodiac/scopes-04can.jpg") no-repeat center 10px; }
div.lunaricon-05 { background: transparent url("/images/zodiac/scopes-05leo.jpg") no-repeat center 10px; }
div.lunaricon-06 { background: transparent url("/images/zodiac/scopes-06vir.jpg") no-repeat center 10px; }
div.lunaricon-07 { background: transparent url("/images/zodiac/scopes-07lib.jpg") no-repeat center 10px; }
div.lunaricon-08 { background: transparent url("/images/zodiac/scopes-08sco.jpg") no-repeat center 10px; }
div.lunaricon-09 { background: transparent url("/images/zodiac/scopes-09sag.jpg") no-repeat center 10px; }
div.lunaricon-10 { background: transparent url("/images/zodiac/scopes-10cap.jpg") no-repeat center 10px; }
div.lunaricon-11 { background: transparent url("/images/zodiac/scopes-11aqu.jpg") no-repeat center 10px; }
div.lunaricon-12 { background: transparent url("/images/zodiac/scopes-12pis.jpg") no-repeat center 10px; }
div.lunaricon-none { padding: 1rem!important; } /* not sure if this is needed, but it's here if I do */

/* Shortcut Links in Datebox */
div.lunardatebox div.shortcuts,
div.lunardatebox div.eclipselocation,
div.lunardates div.shortcuts,
div.lunardates div.eclipselocation {
  margin: 1em 0 2em 0;
  padding-top: 0;
  }
div.shortcuts h4,
div.eclipselocation h4 {
  font-size: 1.35rem !important;
  margin: 0 0 .35rem 0;
  text-align: left;
  color: #121212;
  font-weight: bold;
  font-family: 'Averia Serif Libre', cursive;
  font-style: italic;
  line-height: 1.3;
  }
div.shortcuts p,
div.eclipselocation p {
  font-size: .9em;
  margin: 0 0 0.75em 0;
  line-height: 1.55em;
  }
div.shortcuts p a,
div.eclipselocation p a {
  text-decoration: none;
  border-bottom: 1px #555 solid;
  color: #121212;
  }
div.shortcuts div.moduletable_sharethisinline { /* margin: 0 0 1em -25px; */ margin: 0; }
div.shortcuts p.ldSectionHdr { font-weight: bold; }


/** ===================================== */
/**     LOW-DOWN LUNAR DATA BOX STYLES    */
/** ===================================== */

/*** WIDE SCREEN – DEFAULT VALUES */
div.lunardatebox,
div.lunardates {
  /* Space above to show zodiac icon */
  padding: 125px 1rem 0 1rem; 
  border: 2px #BDB76B solid;
  border-radius: 10px;
  float: right;
  margin: 0 0 2.5rem 2.5rem;
  overflow: hidden;
  background-size: 80px 98px!important; 
  /* Sets the size of zodiac icon, selected using 2nd class */
  width: 250px;
  }
div.lunardatesL {
  margin: 0 0 25px 0;
  }
div.lunardatesR {
/*  margin: 0 0 0 5px; */
  }


/** WIDE SCREEN – WIDE DATEBOX – WITH SIDEBARS */
/** Scr wide enough for sidebars. Centre col and datebox wide enough for 2 cols. */
/** Viewport from 1200px or wider */
/** Usable datebox width: 503px */
/** Lunardate boxes in TWO COLUMNS */
@media screen and (min-width: 1200px) {
/*  div.lunardatesL {
    float: left;
    width: 240px;
    }
  div.lunardatesR {
    float: right;
    width: 240px;
    padding-left: 10px;
    border-left: 1px #BDB76B solid;
    }
*/
/*  div.shortcuts,
  div.eclipselocation {
    margin: 1rem 0rem 2.5rem 3rem;
  */
/*    float: right; */
/*    width: 250px; */
  }
}

/*** WIDE SCREEN – NARROW DATEBOX – WITH SIDEBARS */
/** Scr wide enough for sidebars, but ctr col and datebox shrink, so one col only. */
/** Viewport from 992px to 1200px */
/** Usable datebox width: 403px */
/** Lunardate boxes in ONE COLUMN */
@media screen and (min-width: 992px) {
  div.lunardatebox,
  div.lunardates {
    margin: 2.5rem 0 .75rem 0;
    }
  div.lunardatesL {
    float: none;
    /*width: 100%; */
    margin: 0;
    }
  div.lunardatesR {
    float: none;
    /* width: 100%; */
    margin: 0;
    }
  div.lunardatebox div.shortcuts,
  div.lunardatebox div.eclipselocation,
  div.lunardates div.shortcuts,
  div.lunardates div.eclipselocation{
    margin: 1em 0 2em 0;
    padding-left: 0;
    border-left: 0;
    }
}


/** MOBILE SCREEN – WIDE DATEBOX – NO SIDEBARS */
/** Datebox sections put side-by-side */
/** Viewport from 572px to 992px      */
/** Usable datebox width: 668px       */
/** Lunardate boxes in TWO COLUMNS    */
@media screen and (min-width: 572px) and (max-width: 992px) {
/*  div.lunardatebox {
    margin: 0 0 .75rem 0;
    }
  div.lunardatesL {
    float: left;
    width: 45%;
    margin: 0;
    }
  div.lunardatesR {
    float: right;
    width: 50%;
    margin: 0;
    padding-left: 10px;
    border-left: 1px #BDB76B solid;
    }
  div.lunardatebox div.shortcuts,
  div.lunardatebox div.eclipselocation {
    margin: 0 0 2em 0;
    padding-left: 1rem;
    } */
}


/** PHONE SCREEN – NARROW DATEBOX – NO SIDEBARS */
/** Not wide enough for sidebars. Narrow datebox so one column only.
/** Viewport up to 572px */
/** Usable datebox width: up to 490px */
/** Lunardate boxes in ONE COLUMN */
@media screen and (width < 576px) {
  div.lunardatebox,
  div.lunardates {
    margin: 2.5rem auto .75rem auto;
    float: none;
    }
  div.lunardatesL {
    float: none;
    /* width: 60%; */
    margin: 0 auto;
    }
  div.lunardatesR {
    float: none;
    /* width: 100%; */
    margin: 0 auto;
    }
  div.lunardatebox div.shortcuts.
  div.lunardatebox div.eclipselocation,
  div.lunardates div.shortcuts,
  div.lunardates div.eclipselocation{
    margin: 1.5em 0 2em 0;
    padding-left: 0;
    border-left: none;
    }
}

/* END LOW-DOWN SECTION */
/* ==================== */



/** DIVS TO WRAP IMAGES IF NEEDED */
/* Div wraps what's inside, no float; 100% width */
div.wrapfullwidth {
/*  width: 90%; */
  margin: 1em auto 2em auto;
  /* Keeps next paragraph from displaying between multiple images inside div */
  overflow: hidden;
  max-width: 500px;
  }
div.wrapbox {
  padding: .75em;
  border: 1px solid #ccc;
  border-radius: 5px;  
  }
div.wrapbox p {
  font-family: 'Merriweather-Italic', serif;
  font-style: italic;
  font-weight: lighter;
  margin-bottom: 0;
  text-align: center;
  }
div.wrapbox p strong { font-weight: bold; }
div.wrapbox img {
  max-width: 100%!important;
  margin: 0 auto 10px auto;  
  display: block;
  }

/* wraps multiple images lengthwise */
div.wraplength {
  overflow: hidden;
  max-width: 40%!important;  
  }
div.wraplength img {
  /* Needed to counteract 35% default width for images, so it fills the div space */
  max-width: 100%!important;  
  }

/* Lowdown Quote Author Source */
div.quoteBlock p.source {
  font-family: 'Merriweather-Italic', serif;
  font-style: italic;
  /* font-size: 13px; */
  margin-top: .8em;
}



/** ARTICLES ANYWHERE */
/* This extension not used at the moment */
/* .articledata { margin: 0 1em; border: 1px grey solid; padding: 1em; } */




/*** =================== */
/***       GLOSSARY      */
/*** =================== */

/* Styling terms list links */
.GLindex p a {
  padding: 0 0 0 3px;
  color: #05f;
  margin: 5px 0px 5px 25px;
  /*  font-size: 15px; */
  display: inline-block;
  }
/* Preface each term in the list with a 6-pointed star */
.GLindex p a::before, a.glossarydemolink {
  content: '\2736';
  margin: 0 5px 0 -22px;
  color: #7d30bf;
  font-size: 125%;
  }
/* Term Headings on Glossary Blog index listing page */
.GLindex h5 {
  color: #c00;
  font-style: italic;
  font-size: 22px;
  font-weight: 400;
  clear: left;
  padding: .25em 0 .15em 0;
  margin: 1em 0 0em 0;
  }


/** =================== */
/** GLOSSARY TERM PAGES */
/** =================== */

/* Row of list of term info */
div.gl-infoRow {
  overflow: hidden;
  margin: 0;
  }
.glossary-article .page-header, 
.glossary-article .page-header h1 {
  color: #606;
  }
/* Wrapper for description info */
.view-article .term-description { margin-bottom: 2em; }
/* Wrapper for description in terms table layout */
.view-category .term-description { margin-bottom: 0; }
/* Bold Dark Blue on item titles */
.term-description pre {
  float: left;
  color: #009;
  font-weight: bold;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font-family: Open Sans;
  font-size: inherit;
  line-height: 1.5em;
  }
.term-description .item-image.pull-right {
  margin: 0 0 1em 10px !important;
  max-width: 50%;
  text-align: center;
  line-height: 1.25em;
  }
.term-description .item-image.pull-right img {
  margin: auto auto 1em auto;
  }
/* Info tables for Planets and Signs */
.gl-planets p.gl-infoData { padding-left: 7em; }
.gl-signs   p.gl-infoData { padding-left: 6.25em; }

div.gl-infoRow p {
  margin-bottom: .75em;
  }

.term-related h5, .term-mentions h5 {
  font-family: 'Merriweather-Italic', serif;
  font-style: italic;
  font-weight: 400;
  margin: 20px 0 5px 0;
  }

.term-mentions p { line-height: 2em; }
/* .term-mentions p a::before { content: "-- "; } content gets link styled too *.

/* Term mentions link styling */
/*
.term-mentions p a, 
.term-mentions p a:link, 
.term-mentions p a:visited {
  border-bottom: 1px solid transparent;
  }
.term-mentions p a:hover {
  border-bottom: 1px solid #04c;
  }
*/

/* Term Related and Mentions heading */
.term-related h2,
.term-mentions h2 {
  font-size: 1.3rem;
  font-weight: normal;
  }

/* Space out letters in list of single category terms */
.articles-abc h4 a {
  padding: 0 .5em;
  }
/* Category name above term page content */
dl.article-info dd.category-name { 
  margin-bottom: .5em;
  font-size: .9em;
  /*  font-family: Merriweather, serif; */
  /*  font-style: italic; */
  }
dl.article-info dd.modified {
  padding-top: .5em;
  margin-top: 2em;
  border-top: 1px solid #ccc;
  }

/* Prev/Next links */
.term-next-prev { 
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-top: 1.5rem;
  border-top: 1px #ccc solid;
  }


/** ==================================================== */
/**     GLOSSARY TERM LINKS AND TOOLTIPS IN ARTICLES     */
/**       Different link style from regular links        */
/** ==================================================== */

/* Applied to all different types of tooltips in AlterGlossary */
.glosExampleText,
a.glosTooltip,
a.glosTooltip:visited,
a.glosPopover,
a.glosPopover:visited,
a.glosFixedPopover,
a.glosFixedPopover:visited,
abbr.glosClickPopover,
abbr.glosClickPopover:visited {
  /* Gradiated bottom border */
  border-width: 0 0 2px 0;
  border-style: solid;
  border-image: linear-gradient(to right, #606, #951dc9, #d28fef, #f6e9fc);
  border-image-slice: 1;
  color: #606!important;
  text-decoration: none;  
  }
.glosExampleText:hover,
a.glosTooltip:hover,
a.glosPopover:hover,
a.glosFixedPopover:hover,
abbr.glosClickPopover:hover, 
.glosExampleText:active,
a.glosTooltip:active,
a.glosPopover:active,
a.glosFixedPopover:active,
abbr.glosClickPopover:active, 
.glosExampleText:focus,
a.glosTooltip:focus,
a.glosPopover:focus,
a.glosFixedPopover:focus,
abbr.glosClickPopover:focus {
  /*  background: #606;
    color: #fff; */
  background-color: #fbeafb!important;
  color: #606;
  border-image: linear-gradient(to right, #606, #606);
  border-image-slice: 1;
  text-decoration: none!important;
  border-bottom: 1px #606 solid!important;  
  }


/** ----------------------------- */
/** GLOSSARY POPUP TOOLTIP WINDOW */
/** ----------------------------- */
.popover        { max-width: 15rem!important; }
.popover-header { 
  font-size: 1.5rem;
  color: #606;
  background-color: #f7f7f7;
  text-align: center;
  }
.popover-body { text-align: center!important; }
.popover-body img { 
  margin-bottom: 5px; 
  height: 75px!important; 
  width: auto;
  }
.popover-body .btn.readmore  { 
  background-color: #606; 
  color: #fff; 
  border-radius: 2em!important;
  margin: 0;
  padding: 5px 10px;
  }
.popover-body a.readmore, 
.popover-body a.readmore:link,
.popover-body a.readmore:visited { 
  color: #fff!important; 
  border: 2px #ff0 solid!important; 
  }
.popover-body a.readmore:hover,
.popover-body a.readmore:active { 
  color: #ff0!important; 
  border: 2px #606 solid!important;
  }

/* Make background white; default is grey */
div.popover-body { background: #fff; }
/* Prevent tiptool window from shifting down after image is loaded */
.popover-body img { height: 60px;}
/* Merriweather italics is disproportionately large on popovers, */
/* so reduce it slightly only for popovers */
.popover-body p em { font-size: 95%; }

/* Wrapper for tooltip popover */
/* Shadow: horiz vert blur spread colour */
/* Default Glossary: box-shadow: 0 5px 10px rgba(0, 0, 0, .2); */
/* For some reason this default is disabled unless I reiterate it here. */
.popover.aglossary {
  -webkit box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  }

/* Prevent popup images on small screens from becoming too large */
@media screen and (width < 768px) {
  .popover.aglossary, 
  .tooltip.aglossary {
  /*  left: 0!important;
    right: 0!important;
    max-width: none!important; */
    }
  .popover.aglossary { 
  /*  margin: 0 20px !important; */
    }
  .popover.aglossary img {
    float: none!important;
    /* AlterGlossary default is 100% which distorts small-screen popover images */
    width: auto!important; 
    max-width: 100%!important;
    margin-left: 0!important;
    margin-right: 0!important;
    /* prevents tiptool window from shifting down after image is loaded */
    height: 60px;
    }  
}


/** ------------------------------------ */
/** ALTER-GLOSSARY TERM DESCRIPTION PAGE */
/** ------------------------------------ */

/* Term Page Header styling */
.glossary-article .page-header,
.glossary-article .page-header h1 {
  color: #606;  
  }

/* Glossary Full Image with Caption=figcaption */
.term-description figure.item-image {
  margin: 0 3em 1em 3em;
  max-width: 50%;
  text-align: center;
  line-height: 1.25em;  
  }
/* Centers the image */
/* .term-description .item-image.float-end img { margin: auto auto 1em auto; } */

.term-description .item-image.pull-right figcaption,
.term-description figcaption {
  font-family: 'Merriweather-Italic', serif;
  font-style: italic;
  font-weight: 300;
  font-size: 75%;
  margin-top: .5em;
  color: #333;
  text-align: center;  
  }
/* Prevents image on term page from becoming gargantuan */
.term-description .item-image img {
  max-width: 100%;
  /*  width: 200px; */
  /*  min-width: 200px; */
  }
/* Adjust indents of bullets in Glossary only */
.term-description ul {
  padding-left: 25px;  
  }
/* Table styling - Houses */
table.gl-houses th { text-align: center; }
table.gl-houses tr td:nth-child(1) {
  text-align: center;
  font-size: 135%;
  font-weight: bold;  
  }

/** SEE ALSO and MENTIONS lines */
.term-related h5,
.term-mentions h5 {
  font-family: 'Merriweather-Italic', serif;
  font-style: italic;
  font-weight: 400;
  margin: 20px 0 5px 0;
  /*  color: #666; */
  }

/** SYNONYM LINE FOR TERMS PAGE */
/* Whole line for synonyms */
p.term-synonyms {
  font-family: 'Merriweather-Italic', serif;
  font-style: italic;
  font-weight: 300;
  color: #666;
  font-size: .9em;
  }
/* Intro Text styling */
p.term-synonyms span {
  font-weight: 700;
  font-size: 105%;  
  }

/* Glossary item description points (not narrative) */
/* Header on left, text indented on right */
div.gl-infoRow {
  overflow: hidden;
  margin: 0;  
  }
div.gl-infoRow p {
  margin-bottom: .75em;  
  }
/* Uses PRE instead of P because glossary doesn't parse PRE tags */
.term-description pre {
  float: left;
  /* dark blue */
  color: #009;
  font-weight: bold;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font-family: Open Sans;
  font-size: inherit;
  line-height: 1.5em;  
  }
.gl-planets p.gl-infoData { padding-left: 7em; }
.gl-signs   p.gl-infoData { padding-left: 6.25em; }

/* RELATED ARTICLES section (using similar tags module) */
div.moduletable_glossary h3 {
  font-size: 20px;
  color: #606;  
  }

/**  TERMS LIST TABLE FOR SINGLE GLOSSARY  */
/* Categhory title above table */
.glossary-category-list_termlist h1 {
  font-size: 2rem;
  }
.glossary-terms-table h4 {
  margin-top: 0em;
  line-height: 1.75rem;
  font-weight: 500;
  font-family: "Averia Serif Libre", serif;
  font-size: 1.25em;
  font-style: italic;
  }
.glossary-terms-table h4 a, 
.glossary-terms-table h4 a:link, 
.glossary-terms-table h4 a:visited {
  color: #606;
  text-decoration: none;
  /* dashed is too pronounced on Chrome */
  border-bottom: 2px dotted #606;
  background-color: transparent;  
  }
.glossary-terms-table a:hover { 
  color: #606;
  text-decoration: none;
  border-bottom: 2px solid #606!important;
  background-color: transparent;  
  }

/** ================================== */
/** ******   END GLOSSARY STYLES ***** */
/** ================================== */



/*** ============== */
/***    ARTICLES    */
/*** ============== */

img.planetglyph,
img.signglyph {
  float: left !important;
  max-width: 50% !important;
  margin: 0 1.5rem 1.5rem 0;
  display: block;
  }
img.zglyph { 
  float: right!important;
  max-width: 50% !important;
  margin: 0 0 1.5rem 1.5rem;
  display: block;
  }

/* CONTACT ME PAGE */
/* This doesn't work because styling is embedded, */
/* width is embedded in the element and can't be overridden */
/* .creativecontactform_wrapper { width: 90%; margin: auto; } */




/** ================= */
/**  DONATE WIDGET   */
/** ================= */
/*
div.article-donate {
  text-align: center;
  margin: 2.5em auto .5em auto;
  max-width: 370px;
  padding: .5rem .75rem .75rem .75rem !important;
  border: 1px #6495ED solid;
  border-radius: 1em;
  background: #575C86 url('/images/common/bg-m88.jpg') no-repeat bottom !important;
  background-size: cover!important;
  }
div.article-donate h3 {
  text-align: center;
  color: #fff;
  font-size: 1.65em;
  margin-bottom: .35em;
/*  text-shadow: 3px 3px 2px #99ef81; =====
  margin: .75em .5em;
  border: 0px solid #777;
  border-radius: 1em!important;
  padding: .25em;
  }
*/

/* Donation boxes */
div.sidebar-donate,
div.article-donate {
  padding: 1.5rem 1rem 0.25rem 1rem;
  background: #575C86 url('/images/common/bg-m88.jpg') no-repeat bottom !important;
  background-size: cover!important;
  text-align: center;
  border: 3px #6495ED solid!important;
  padding: 1em;
  max-width: 370px;
  }
div.sidebar-donate h3,
div.article-donate h3{
  text-align: center;
  color: #fff;
  font-family: 'Notosans SemiBold', sans-serif;
  font-size: 1.35em;
  margin-bottom: .35em;
  border: 0px solid #777;
  border-radius: 1em!important;
  padding: 0;
  }

/* div.sidebar-donate .card-body,
div.article-donate {
  padding: .5em;
  }
*/

div.article-donate p.donate-text,
div.sidebar-donate p.donate-text {
  font-family: 'Averia Serif Libre',sans-serif;
  font-style: italic;
  font-weight: 400;  
  text-align: center;
  font-size: 2em;
  line-height: 1.1em;
  margin-bottom: .5em;
  color: #fff;
  }

div.article-donate p,
div.sidebar-donate p {
  font-family: 'Notosans SemiCondensed',sans-serif;
/*  font-style: italic; */
  font-weight: 400;  
  text-align: center;
  font-weight: normal;
  font-size: 1.05rem;
  line-height: 1.6rem;
  margin-bottom: 1.5rem;
  }

div.article-donate p strong,
div.sidebar-donate p strong {
  font-weight: 700;
  }
/* Wraps buttons and styles */
div.article-donate div.donate-buttons p,
div.sidebar-donate div.donate-buttons p {
  text-align: center;
  font-size: 1em;
  font-style: normal;
  margin: 1em 0 1em 0;
  padding: .5em 0;
  }
/* New Donate Buttons – compact */
div.article-donate a.myppbutton, 
div.sidebar-donate a.myppbutton {
  padding: .4em .75em;
  border: 2px solid #36f;
  border-radius: 1em;
  font-weight: 600;
  line-height: 1.5em;
  background-color: rgba(255, 102, 0, .85);
  color: #000;
  box-shadow: 2px 3px 7px #6495ED;
  }
div.article-donate a.myppbutton:hover,
div.sidebar-donate a.myppbutton:hover {
  border: 2px solid #000;
  color: #000 !important;
  background-color: rgba(255, 218, 87, .85);
  }

/* Styling for article-donate box only */
div.article-donate { 
/*  max-width: 370px; */
  border: 2px #36f solid;
  border-radius: 1em;
  margin: auto;
  padding: 1.5em 1.5em 1em 1.5em;
  }