/* STYLES USED IN T3-BS3 */
/* EVOLVING DOOR ASTROLOGY dot COM */
/* If any are missing, look in GLOSSARY STYLES NO LONGER USED 2021-07-04 */

/* ================================================= */
/*                    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;  
  }


/* LOADED GOOGLE FONTS */
.alexbrush 	{ font-family: 'Alex Brush'; }
.averiaseriflibre 	{ font-family: 'Averia Serif Libre'; }
.merriweather 	{ font-family: 'Merriweather'; }
.opensans 	{ font-family: 'Open Sans'; }
.bilboswashcaps 	{ font-family: 'Bilbo Swash Caps'; }


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

/* SET ROOT FONT SIZE (it's 10px in the template) SO I CAN USE REMS */
html { font-size: 15px; } /* DECLARE REM SIZE */
body { font-size: 1rem; }
/* body { font-size: 16px; } */

/* SET DIFFERENT REM SIZE FOR PHONES */
@media screen and (max-width: 750px) {
  html { font-size: 14.5px; } /* DECLARE REM SIZE */
  body { font-size: 1rem; }
}


/* Body and HTML – set to 100% height */
body { 
  line-height: 1.75rem;   /* was 1.65em */
  }

/* Background is black */
.t3-wrapper {
  background-color: #000;  
  }
/* Body is white, blurred to black at edges */
#t3-mainbody {
  padding-top: 0;
  padding-bottom: 0;
  background-color: #fff;
  box-shadow: 
    0px  1px 2px #fff,  /* Right side blur  */
   -1px  1px 2px #fff,  /* Left side blur   */
    1px  0px 2px #fff,  /* Bottom side blur */
    0px -1px 2px #fff;  /* Top side blur (less-so) */
  border-radius: 6px;  
  }
#t3-content {
  padding-top: 20px;
  }

/* ============================== */
/*   Footer with copyright info   */
/* ============================== */

/* Remove copyright info for T3 framework in footer */
.t3-copyright .copyright { 
  width: auto;
  }
.t3-copyright small { display: none; }

/* Footer – Glossary Featured Terms */
/* In EvDrFooter position, I can't get it to pick up on the styling. Maybe there are limitations built into the footer position??
.category-module_footer-glossary ul {
  border: 1px #ccc solid;
  width: 30%;
  padding: .5em;
  margin: 0 1em 2em 1em;
  list-style-type: none;
  }
.category-module_footer-glossary li {
  margin: .5em 1em;
  font-size: 1.15em;
  }
*/


/* Widescreen */
@media screen and (min-width: 750px) {
  div.custom_footer {
    width: auto;
    padding: 0 25%;
    }
  div.custom_footer p.copyright {
    padding: 0;
    margin: 0;
    border: none;
    text-align: center;
    font-size: .9em;
    }
}
/* Tablet and small screen */
@media screen and (max-width: 749px) {
  div.custom_footer {
    width: auto;
    padding: 0 .5%;
    }
  div.custom_footer p.copyright {
    padding: 0;
    margin: 0;
    border: none;
    text-align: center;
    font-size: .9em;
    }
}

/* 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', serif;
  font-style: italic;
  font-weight: 300;  
  }
em strong, strong em, i strong, strong i {
  font-family: 'Merriweather', serif;
  font-style: italic;
  font-weight: 600;
  }

/* HEADINGS – BASE FONT-SIZE */
h1 { font-size: 1.15rem; }   /* template set it to 36px */
h2 { font-size: 1.5rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }   /* was 16px */
h5 { font-size: 1.2rem; }    /* was 15px */

/* HEADINGS – Font-family and spacing */
h1, h2, h3 {
  font-family: 'Averia Serif Libre', cursive;
  font-style: italic;
  line-height: 1.3;
  }
h4 {
  font-family: 'Open Sans', sans-serif;
  margin-top: 1.5em; 
  line-height: 1.75rem;  
  }
h5 { 
  font-family: 'Merriweather', serif;
  font-weight: 400;
  font-style: italic;
  margin: 1.25em 0 .5em 0;
  }

/* HEADINGS – Colours */
h1 {}
h2 {}
h3 { color: #05f; }
h4 { color: #00b; }
h5 { color: #00b; }

/* HEADINGS – Common Areas */
.page-header {
  margin: 0 0 25px;
  border-bottom: 1px solid #ddd;
  }
.page-header h1,
.page-subheader h1,
.search_search4it h1 { 
  font-size: 2.4rem;    /* was 2.7rem, was 35px; */
  font-family: 'Bilbo Swash Caps', cursive; 
  font-style: normal; 
  font-weight: bold;
  letter-spacing: .05rem;
  text-transform: none!important;  /* remove template's default uppercase */
  margin-top: 0;
  padding-bottom: 9px;
  }
.search_search4it h1 {  /* Search page has sub-heading */
  border-bottom: 1px #ccc dotted;
  margin-bottom: 25px;
  }

.h2, .home h2 { font-size: 1.65rem!important; }   /* Where is this used?? */

/* TABLE STYLING - DEFAULT */
table {
  border-collapse: collapse;
  margin: 15px 0 40px 0;
  width: 100%;
  max-width: 100%;
  border: 1px #bcc0a5 solid;  
  }
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; }

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 td              { border-bottom: 1px #bcc0a5 solid; }
table.nostripes tr th              { border-bottom: 3px #bcc0a5 solid; border-top: 3px #bcc0a5 solid; }
*/
table.nostripes tr:nth-child(even) { background-color: transparent; }
table.nostripes tr:nth-child(odd)  { background-color: transparent; }
/*
table.nostripes tr td              { padding: 8px 10px; vertical-align: middle; border-left: 1px #bcc0a5 solid; }
table.nostripes tr th              { padding: 5px 10px; font-weight: bold; background-color: #fff; vertical-align: bottom; border-left: 1px #bcc0a5 solid; }
*/

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; }

/*   LINK STYLES - PARAGRAPHS ONLY   */
p a,
.linknormal {
  color: #01f;
  text-decoration: none;
  border-bottom: 2px dotted #67f; /* was dashed but too pronounced on Chrome */
  background-color: transparent;  
  }
p a:visited,
.linkvisited {
  color: #05f; /* was #375, too light */
  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,
.linkhover, .linkfocus, .linkactive {
  color: #04c;
  text-decoration: none;
  border-bottom: 1px solid #04c;
  background-color: #e6eeff;  
  }
/* Images that are linked have border */
.article-content p a img,
.article-content .floatleft a img,
.article-content .floatright a img { 
  border: 3px #00f solid;
  margin-bottom: 5px;
  padding: 5px;
  }
.article-content p a:hover img,
article-content .floatleft a:hover img,
.article-content .floatright a:hover img {
  border: 3px #c06 solid!important;
  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 */
.article-content ul {
  margin: 0 0 1em 0;
  padding-left: 2em;  
  }
.article-content 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 */
.article-content ul li:before {
  content: '\2605';
  padding-right: .75em;
  color: #f90;         /* Colour of 1st level bullets */  
  }
.article-content ol {
  margin: 0 0 1em 0;
  padding-left: 2.5em;  
  }
.article-content ol li {
  padding-left: .5em;
  margin: 0 0 .5em 0  
  }

/* SECOND LEVEL LIST */
.article-content ul li ul {
  margin: 0 0 0.25em 0;
  padding-left: 2em;  
  }
.article-content 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 */
.article-content ul li ul li:before {
  content: "\2729";
  padding-right: .75em;
  color: #f90;         /* Colour of 2nd level bullets */  
  }
.article-content ol li ol {
  margin: 0 0 .25em 0;
  padding-left: 2.5em;  
  }


/* BLOCKQUOTE styling */
blockquote, blockquote p { 
  clear: both;
  font-family: 'Merriweather', serif;
  font-style: italic; 
  font-size: 15px;
  color: #585528;
  line-height: 1.65em;
  font-weight: 300;
  border-left-color: #dfddb9;
  border-left-width: 6px;
  }
blockquote       { margin: 2em 0 1.5em 20px; padding: 10px 15px; }
blockquote p     { margin: 0 0 .5rem 0!important; }
blockquote p img { max-width: 75%!important; }

.blockquotehdr {
  display: inline-block;
  height: 2em;
  font-weight: bold; 
  font-size: 1.15em;  
  }
blockquote h3 {
  margin-top: 0;
  color: #585528;
  }
span.source,
blockquote span {   /* Quote source */
  font-family: 'Merriweather', serif;
  font-size: .9em;
  line-height: 1.75em;
  text-indent: -0.85em;
  padding: .5em 0 0 2.5em;
  display: block;  
  }

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



/* =================================================== */
/*   PAGE HEADER BACKGROUND – WAS T4 NOW T3 TEMPLATE   */
/* =================================================== */
/* NASA sunrise background */
.header-bg {
  background: #000 url('/images/common/headerbg-2000x200.jpg') no-repeat center top;
  background-size: 100% 100%;  /* Stretch to full width and height of Header div */
  padding: 0;
  }

/* textwrapper wraps sitename and site-slogan, and puts logo image to the left of text */
.ED-sitenames-textwrapper {
  }
span.ED-sitename {
  color: #ffffe1;
  font-family: 'Bilbo Swash Caps', cursive;
  font-style: italic;
  font-weight: normal;
  text-shadow: 2px 2px 3px rgba(0,0,0,.45);
  display: block;  
  }
span.site-slogan {  
  display: block!important;
  color: #ffffe1;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  text-shadow: 2px 2px 3px rgba(0,0,0,.5);
  text-align: center;  
  }

/* Header for large screens as the exception */
/* text-wrapper: padding-left: 170px, min-height: 75px */
/* sitename: font-size: 50px, margin-bottom: 10px */
/* site-slogan: font-size: 16px */

@media screen and (min-width: 600px) {
  .ED-sitenames-textwrapper {
    background: transparent url('/images/common/logo-lg2.png') no-repeat left top;
    padding-left: 170px;
    min-height: 75px;  
    }
  span.ED-sitename {
    font-size: 50px;
    margin-bottom: 10px;
    }
  span.site-slogan {
    font-size: 16px!important;
    }
  }

/* Header for phones as default */
/* text-wrapper: padding-left: 95px, min-height: 40px */
/* sitename: font-size: 30px, margin-bottom: 6px */
/* site-slogan: font-size: 14px */

@media screen and (max-width: 600px) {
  .t3-header {
    padding-top: 15px;
    padding-bottom: 15px;
    }
  .ED-sitenames-textwrapper {
    background: transparent url('/images/common/logo-sm.png') no-repeat left top;
    padding-left: 95px;
    min-height: 40px;
    }
  span.ED-sitename {
    font-size: 30px;
    margin-bottom: 6px;
    }
  span.site-slogan {
    font-size: 14px!important;
    }
  .page-header h1 {
    font-size: 2rem;
    }
  }


@media screen and (max-width: 370px) {
  .t3-header {
    padding-top: 10px;
    padding-bottom: 10px;
    }
  .ED-sitenames-textwrapper {
    background: transparent url('/images/common/logo-xsm.png') no-repeat left top;
    padding-left: 95px;
    min-height: 40px;
    }
  span.ED-sitename {
    font-size: 24px;
    margin-bottom: 6px;
    }
  span.site-slogan {
    font-size: 11px!important;
    }
   .page-header h1 {
    font-size: 1.5rem;
    }
  h2.article-title a, h2.article-title a:link, h2.article-title a:visited {
    font-size: 1.35rem!important;
    }
 }





/* ================================= */
/*              MENU STYLING              */
/* ================================= */

/* WIDE SCREEN MENU */

.navbar {
  min-height:20px;
  margin-bottom: 0!important;
  }
.navbar .container {
  padding-right: 10px;
  padding-left: 10px;
  }

/* Transparent menu row */
.navbar-default {
  background-color: transparent;
  border-color: transparent;  
  }
.navbar-default .navbar-nav > li {
  margin: 0 5px 0 0;
  font-size: 13.5px;
  font-weight: 300;
  letter-spacing: .25px;  
  }
/* Link styling */
/* PASSIVE LINK – no different styling for visited links */
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:link,
.navbar-default .navbar-nav > li > a:visited {
  color: #ffffe1;
  font-weight: 500;
  padding: 7px 10px;
  background-color: rgba(216,217,216,.3);
  border-radius: 10px 0 0 0;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: rgba(119, 42, 8,.6);  
  }
/* HOVER LINK – li class flips to li.open on hover */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li.open > a:hover{
  color: #fff;
  background-color: rgba(240,25,28,.6);  
  }
/* ACTIVE LINK – same styling as hover */
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:active {
  color: #fff;
  background-color: rgba(240,25,28,.6);  
  }
/* MEGAMENU DROPDOWN ICON */
.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffe1!important;   /* same colour as site title */
  border-bottom-color: #ffffe1;
  border-right: 5px solid transparent;
  border-right-style: solid;
  border-left: 5px solid transparent;
  border-top: 8px dashed;  
  }

/* MEGAMENU Dropdown Sub-Menu styles */
.t3-megamenu .mega-nav > li a, 
.t3-megamenu .dropdown-menu .mega-nav > li a {
  font-weight: 500;
  color: #04c;
  background-color: #fff;
  }
.t3-megamenu .mega-nav > li a:visited, 
.t3-megamenu .dropdown-menu .mega-nav > li a:visited {
  color: #04c;
  }
.t3-megamenu .mega-nav > li a:hover, 
.t3-megamenu .dropdown-menu .mega-nav > li a:hover {
  text-decoration: none;
  color: #04c;
  font-weight: 500;
  background-color: #e8f0fc;
  }
.t3-megamenu .mega-nav > li a:active, 
.t3-megamenu .dropdown-menu .mega-nav > li a:active,
.t3-megamenu .mega-nav > li a:focus, 
.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
  color: #c00;
  }



/* MOBILE MENU */

/* Hamburger Menu */
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #f9f9e7;
  }
.fa-navicon::before, .fa-reorder::before, .fa-bars::before {
  color: #999;
  font-size: large;
  }
@media screen and (max-width: 697px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    background-color: #fff;
    opacity: .5;
    color: purple;
    font-weight: 600;
    padding: 10px 15px 10px 25px;
    }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #fff;
    opacity: .4;
    color: red;
    }
   ul.level1.dropdown-menu li { border-bottom: 1px #999 solid; }
  }



/*
For some reason, I can't get the site to recognize any block element with a class – not blockquote, aside or even div. WTAF??
*/



/* ========================================= */
/*   ARTICLES - VARIATIONS ON BASIC STYLES   */
/* ========================================= */
/* For some reason, Blockquote class is not being recognized – possibly a Boostrap issue??
/* Trying this again using Aside */

/* DIV – NOTES4NOVICES (instead of Blockquote or Aside) */
div.notes4novices {
  clear: both;
  margin: 2.5em 0 2.5em 20px;
  border-left-color: #4876FF;
  border-left-width: 6px;
  border-left-style: solid;
  padding: .5em 0 .5em 1.5em;
  }
div.notes4novices p {
  font-family: 'Merriweather', serif;
  font-style: italic; 
  font-size: 15px;
  line-height: 1.65em;
  font-weight: 300;
  }
div.notes4novices .notes4hdr {
  display: inline-block;
  height: 1.5em;
  font-weight: bold; 
  font-size: 1.5em;  
  }
div.notes4novices h3 {
  margin-top: 0;
  color: #4876FF;
  }


/* CSS3 DropCap - use class on <p> */
span.dropcap {
  float: left;
  font-size: 450%;
  font-weight: normal;
  font-style: normal!important;
  line-height: .6;
  padding: 0 .16em 0 0;
  font-family: 'Alex Brush', cursive;
  text-transform: uppercase;
  color: #c00;  
  }


/* ======================================================= */
/*   Data Table for Jupiter-Saturn-Pluto 2020-09 article   */
/* ======================================================= */

/* JUPITER-SATURN-PLUTO TABLE - SATURN-PLUTO 2O20-09 */
table.tbl-jusapl {
  border: 1px gray solid;
  border-collapse: collapse;
  margin: 25px 0 35px 0!important;  
  }
table.tbl-jusapl th,
table.tbl-jusapl td {
  padding: 4px 4px;
  border: 1px gray solid;
  font-size: 12px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;  
  }
table.tbl-jusapl th {
  font-weight: bold;
  border-bottom: 2px #000 solid;  
  }

.lineleft     { border-left: 3px gray solid!important; }
.shade        { background-color: #ececec; }
.shadedark    { background-color: #d6d6d6; }
.shadedarkest { background-color: #b3b3b3; }
.exactpll     { font-weight: bold; color: #00f; }
.exactcnj     { font-weight: bold; color: #90C; }
.enterleave   { font-style: italic; }
.yearend      { border-bottom-width: 2px!important; }
.yearcell     { font-weight: bold; font-size: 13px!important; border-right-width: 2px!important; }
.yrend        { border-bottom-width: 3px!important; }

div.legend-text p { 
  font-size: 12px!important;
  margin: 0 0 12px 0!important;
  line-height: 1.5em;  
  }



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

/* MY FLOATING STYLES */
.floatleft  { float: left!important; margin: 0 1.5em .25em 0; }
.floatright { float: right!important; margin: 0 0 .25em 1.5em; }
.floatleft, .floatright {
  text-align: center;
  font-size: 90%;
  color: #666;
  }

/* Alt text if image missing */
img { 
  color: #777!important;
  font-size: 11px!important;
  max-width: 100%;  
  }
/* THIS MAY NOT WORK VERY WELL BETWEEN SCREEN SIZES */
/* Images inside content (inside P tag) restricted to % of screen/div width */
p img {
/*  max-width: 35%!important; */
  height: auto;
  float: inherit!important;  
  }

/* For illustrations in articles, use full size, not shrunk */
p img.fullsize {
  max-width: 100%!important;
  height: auto;
  float: none;  
  }

/* IMAGE HANDLING FOR PHONES */
@media screen and (max-width: 400px) {
  .floatleft  { max-width: 200px!important; float: none!important; margin: 0 auto .25em auto; }
  .floatright { max-width: 200px!important; float: none!important; margin: 0 auto .25em auto; }
  }

/* DIVS TO WRAP IMAGES IF NEEDED (e.g. multiple images, like in Saturn-Neptune article) */
/* Div wraps what's inside, no float; 100% width */
div.wrapfullwidth {
/*  width: 90%; */
  margin: 15px auto;
  overflow: hidden;  /* Keeps next paragraph from displaying between multiple images inside div */  
  }
div.wrapbox {
  padding: .75em;
  border: 1px solid #ccc;
  border-radius: 5px;  
  }
div.wrapbox p {
  font-family: 'Merriweather', 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;  
  }

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

/* Image captions styling */
div.captioned { margin: 25px auto; }
div.captioned p {
  font-size: 12px;
  color: #707070;
  line-height: 18px;
  text-align: center;
  margin-bottom: 20px;   /* provides some distance between upper image caption and lower image */  
  }
div.captioned img {
  margin-bottom: 5px;   /* put some distance between image and caption */  
  }
p.img_caption { 
  line-height: 1.5em; 
  padding-bottom: 10px!important;   
  } /* Applies to captions below images; e.g. Full image */


/* IMAGES CLICK TO VIEW LARGER */
div.click2big {
  text-align: center;
  color: #555;
  font-size: .9em;
  margin: 3em 0;
  }
div.click2big img {
  margin-bottom: .75em;
  border: 1px solid blue;
  padding: .75em;
  max-width: 100%;
  }


/* ARTICLES – Special Icons */
/* Red large heart icon */
span.redhearticon::after {
  content: ' \2764';
  color: #c00;
  font-style: normal;
  }

/* ZODIAC ARTICLES: Colour headings based on element of the sign */
/* Page class controlled from Menu, not Article. */
.firesign h2, 
 .firesign span.dropcap, 
 .colorfire { color: #d00; }
.earthsign h2, 
 .earthsign span.dropcap, 
 .colorearth { color: #090; }
.airsign h2, 
 .airsign span.dropcap, 
 .colorair { color: #A4950F; } /* was cbb91a */
.watersign h2, 
 .watersign span.dropcap, 
 .colorwater { color: #06f; }

/* Zodiac Articles – ruling planet glyph images */
.planetglyph { 
  float: left!important;
  max-width: 50% !important;
  margin: 0 1em 1em 0;
  }

/* Zodiac Articles – stylized glyph at start of article */
/* Doesn't want to float left other than first line */
/* Somewhere along the line, the T3 template seems to have changed its img styling to use every content image as display:block which fucks up the float:left attribute. */
.signglyph {  }



/* ARE THESE USED ANYWHERE??? */
span.colorsun  { color: #fc0; }
span.colormoon { color: #a2b4f6; }
span.colormerc { color: #0af; }
span.colorven  { color: #f9c; }
span.colormars { color: #f30; }
span.colorjup  { color: #80c; }
span.colorsat  { color: #630; }
span.colorura  { color: #63f; }
span.colornep  { color: #099; }
span.colorplu  { color: #900; }


/* VARIOUS IMAGE STYLES */
/* ARE ALL OF THESE USED STILL??? */
img             { border-radius: .25em; } /* Probably used */
img.square      { border-radius: 0; } /* Used?? */
img.widthmax50  { max-width: 50%; } /* Used to control image size on different devices, I think, but didn't work very well as I recall */
img.zodiacintro { width: 150px; margin: 5px; float: left; } /* I doubt this is still used */

div.article-image-full {
  margin-bottom: 1.5em;  
  }


/* ================ */
/* FONTS FOR HUMOUR */
/* ================ */

/* Sub-Title H2 for Fractured Folklore and Humour Fonts */
.humour {
  font-family: 'Henny Penny', cursive!important;
/*  font-family: 'Love Ya Like A Sister', cursive!important; */
/*  font-family: 'Unkempt', cursive!important; */
  font-size: 1.5em!important;  
  }

/* Dropcap for Pegasus and Humour articles */
span.dropcaphumour {
  font-family: 'Henny Penny', cursive;
  float: left;
  font-size: 350%;
  font-weight: normal;
  font-style: italic!important;
  line-height: .9;
  padding: 0 .16em 0 0;
  text-transform: uppercase;
  color: #c00;  
  }
/* Pegasus wise cracks */
span.peg { font-family: 'Henny Penny', cursive;!important; }
/* Pegasus humour articles - Page Class */
div.item-page_peg-humor .article-content p {
  font-family: 'Shadows Into Light Two';
  font-size: 115%;
  line-height: 1.65em;
  margin-bottom: 1em;
  letter-spacing: 1.5px;  
  }




/* ==================== */
/*   BLOG INDEX PAGES   */
/* ==================== */
/* Specifically for Zodiac Sign articles blog index page */
div.blog_blogindex h2.article-title { 
  font-size: 20px;   
  }
div.blog_blogindex div.pull-left.item-image { 
  margin-right: 1em;
  margin-bottom: 0;
  }

/* Sub-heading on Blog Index page */
.blog_blogindex .articleintro h2 {
  font-size: 18px!important;  
  }
.blog_blogindex .articleintro p {
  font-size: 14px!important;  
  }

/* READMORE BUTTONS IN ARTICLE INDEX PAGES */
.readmore {   /* Draw line to separate article list */
  padding-bottom: 2.5em;
  border-bottom: 1px dotted #05f;  
  }
.readmore a.btn,
.readmore a.btn:visited {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #06f;
  border-radius: 1em;
  border: 1px solid #06f!important;
  outline: 1px transparent solid;
  }
.readmore a.btn:hover {
  color: #03c;
  background-color: #e6f0ff;
  border: 1px solid #03c!important;
  outline: 1px solid #03c;
  }


/* COPYRIGHT LINE */
p.copyright {
  font-family: 'Merriweather', serif;
  font-style: italic;
  font-size: .85em;
  font-weight: 300;
  line-height: 1.75em;
  color: #333;  
  margin: 4em auto;
  width: 90%;
  border-top: 1px #ccc dotted;
  padding: 2em 0;
  }
p.copyright a:link, 
p.copyright a:visited {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px #999 dashed!important;
  background-color: transparent;
  font-variant: none;
  letter-spacing: normal;  
  }
p.copyright a:hover {
  border-bottom: 1px #999 solid!important;  
  }

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




/* ======================= */
/*    ALL SIDEBAR MODULES   */
/* ======================= */

/* Centre Content block - horizontal spacing */
/* Template default is 15px but it looks very crowded */
/* ******* NEEDS BREAKPOINT TO NARROW THE MARGINS ON PHONE */
.t3-content { 
  padding-left: 25px;
  padding-right: 25px; 
  min-height: 800px;  
  }
@media screen and (max-width: 600px) {
  .t3-content { 
    padding-left: 10px; /* was 5px; */
    padding-right: 10px; /* was 5px; */ 
    }
  }

/* Minimum height on sidebar ensures flare image doesn't get cut off */
.t3-sidebar { min-height: 800px; }

/* Place flare image in background of Sidebar-1 */
.t3-sidebar-1, .t3-sidebar-left {
  background: transparent url('/images/common/spacer1x1.png') left top no-repeat scroll;
  background: transparent url('/images/common/sidebar1glare.png') left top no-repeat scroll;  
  }
/* Place flare image in background of Sidebar-2 */
.t3-sidebar-2, .t3-sidebar-right {
  background: transparent url('/images/common/spacer1x1.png') right top no-repeat scroll;  
  background: transparent url('/images/common/sidebar1glare.png') right top no-repeat scroll;  
  }

/* Module block */
div.module-ct {
  background-color: #fff;
/*  opacity: .7; */ /* makes everything inside the div faded; can't bump up images */
  padding: 10px;
  border: 1px #c4bbbb solid;
  border-radius: 0 0 8px 8px;  
  }

/* Module title - block */
.module-title { 
  margin-bottom: 3px;
  background-color: #fff;
  opacity: .8;
  padding: 5px 10px;
  text-align: center;
  border: 1px #c4bbbb solid;
  border-radius: 8px 8px 0 0;  
  }
/* Module title – heading */
h3.module-title {
  font-size: 2rem;
  font-family: 'Bilbo Swash Caps', cursive; 
  font-style: normal;
  color: #c00!important;
  }

/* Modules that should stand out using bg colour */
.module_bg-paleyellow .module-ct,
.module_bg-paleyellow .module-title {
  background-color: #ffffed;
  opacity: 1.0;
  }
.module_notransparency .module-ct,
.module_notransparency .module-title {
  opacity: 1;
}

/* Holiday background of stars and bubbles */
.module_bg-starsbubbles .module-ct,
.module_bg-starsbubbles .module-title {
  background: #998000 url("/images/common/bg-starsbubbles3.jpg") repeat center top;
  opacity: 1.0;
  }
.module_bg-starsbubbles h3.module-title {
  color: #fff!important;
  font-size: 30px;
  font-weight: bold;
  }

/* Modules that are image banner only */
/* e.g. special ad banners */
.module_imageonly div.module-ct {
  background-color: #fff;
  padding: 0!important;
  border: 0;
  border-radius: 0;  
  }



/* ------------------------------------------- */
/*   GENERATE SAME LOOK FOR ALL MODULE TYPES   */
/* ------------------------------------------- */

/* LATEST ARTICLES */
.module-ct ul.latestnews { margin-left: 0; }
.module-ct ul.latestnews li {} /* also has ul.mod-list */
.module-ct ul.latestnews li a::before {}
.module-ct ul.latestnews li a {}


/* TAGS SIMILAR */
.module-ct .tagssimilar ul {}
.module-ct .tagssimilar ul li {}
.module-ct .tagssimilar ul li a::before {}
.module-ct .tagssimilar ul li a {}


/* NEWSFLASH */
.module-ct .newsflash h4.newsflash-title {}
.module-ct .newsflash h4.newsflash-title a::before {}
.module-ct .newsflash h4.newsflash-title a {}

/* Tag Buttons Labels */
.tags .label-info,
.tags .label-info[href]:hover {
  background-color: #08f;
  }
.tags .label { 
  border-radius: .5em;
  margin: 0 .5em 0 0;
}

/* ARTICLES CATEGORY (NB: Glossary is a variation of this) */
/* This module type not yet used except for Glossary */
/* .module-ct .category-module p a.mod-tags-category-title {} */

/* SHARED STYLES – FONT FAMILY, SIZE, STYLE, WEIGHT, LINE-HEIGHT */
.module-ct ul.latestnews li,
.module-ct .tagssimilar ul li,
.module-ct .newsflash h4.newsflash-title,
.category-module_latestGL p {
  line-height: 1.5em;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;  
  }

/* MARGINS FOR NON-LIST MODULES */
/* Newsflash and Articles-Category/Glossary */
.module-ct .newsflash h4.newsflash-title,
.category-module_latestGL p {
  margin: 0px 0 10px 15px;  
  }
/* MARGINS FOR LIST MODULES */
/* Tags Similar and Latest Articles */
.module-ct ul.latestnews li,
.module-ct .tagssimilar ul li {
  margin: 0px 0 10px 0px;
  list-style: none;
  border-bottom: none;
  }

/* LINK STYLES FOR ALL MODULE TYPES */
/* Plain Link – all modules */
.module-ct ul.latestnews li a,
.module-ct .tagssimilar ul li a,
.module-ct .newsflash h4.newsflash-title a,
.category-module_latestGL p a {
  color: #01f;
  text-decoration: none;
  background-color: transparent;  
  }
/* Visited Link – all modules */
.module-ct ul.latestnews li a:visited,
.module-ct .tagssimilar ul li a:visited,
.module-ct .newsflash h4.newsflash-title a:visited,
.category-module_latestGL p 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. */
.module-ct ul.latestnews li a:hover,
.module-ct ul.latestnews li a:focus,
.module-ct .tagssimilar ul li a:hover,
.module-ct .tagssimilar ul li a:focus,
.module-ct .newsflash h4.newsflash-title a:hover,
.module-ct .newsflash h4.newsflash-title a:focus,
.category-module_latestGL p a:hover,
.category-module_latestGL p a:focus {
  color: #04c;
  text-decoration: none;
  border-bottom: 1px solid #04c;
  background-color: #e6eeff;  
  }

/* 
GLOSSARY TERMS MODULE
Styles here indicate it WAS a non-list module, but it IS a list module.
Can't seem to get the disc bullets to change to the stressed star icon.
*/

/* LINK FORMATTING FOR NON-LIST MODULES */
/* Newsflash and Article-Category/Glossary */
.module-ct .newsflash h4.newsflash-title a,
.category-module_latestGL p a {
  padding: 0 0 0 3px;
  color: #05f;
  display: list-item;
  border-bottom: none;
  list-style-type: none;  
  }


/* LIST ICON FOR GLOSSARY MODULE */
.category-module_latestGL p a::before {
  content: '\2736';       /* 6-pointed star shape */
  margin: 0 5px 0 -22px;  /* negative left margin puts icon outside link underline */
  color: #7d30bf;         /* was #606 too dark to see the colour */
  font-size: 120%;  
  }

/*
.categor-module_latestGL ul li {}
*/
/* Latest Glossary terms sorted by month/year, using sub-heading tags */
.category-module_latestGL h5 {
  margin: 0!important;  
  }


/* BLANKSPACER MODULES */
/* Keeps both side margins visible, adjusts width with layout */
div.module_blankspacer { display: none; }

/* NO TOP MARGIN FOR 2ND MODULE (1ST IS JUST A SPACER) */
.t3-module:nth-child(2) { margin-top: 10px; }

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



/* =============================== */
/* RELATED ARTICLES MODULE         */
/* Inline list of related articles */
/* =============================== */

div.moduletable_related-inline {
  width: 90%;
  margin: 1.5em auto 2.5em auto;
  }
div.moduletable_related-inline li {
  font-size: 15px;
  }


/* =========================================== */
/* TAGSSIMILAR MODULE Used in Related Articles */
/* Structure: div.tagssimilar ul li            */
/* Customization use.tagssimilar preface       */
/* =========================================== */

.module-ct div.tagssimilar ul,
.module-ct ul.relateditems {
  list-style-type: none; 
  }
div.tagssimilar ul,
.module-ct ul.relateditems {
  margin-left: 0;  
  }
div.tagssimilar ul li,
.module-ct ul.relateditems li {
  padding: 0;
  }
div.tagssimilar ul li a,
.module-ct ul.relateditems li a {
  color: #01f;
  text-decoration: none;
  background-color: transparent;  
  }
div.tagssimilar ul li a:visited,
.module-ct ul.relateditems li a:visited {
  color: #37f;
  background-color: transparent;
  border-bottom-color: #9bf;  
  }
/* Must include :focus or else text-decoration:underline appears after clicking the link */
div.tagssimilar ul li a:hover,
.module-ct ul.relateditems li a:hover,
div.tagssimilar ul li a:focus,
.module-ct ul.relateditems li a:focus {
  color: #04c;
  text-decoration: none;
  border-bottom: 1px solid #04c;
  background-color: #e6eeff;  
  }


/* RELATED ARTICLES – INLINE LIST */
/* INLINERELATEDLIST  LOADPOSITION */
/* INSTEAD OF HAVING RELATED ARTICLES IN SIDEBAR, DO LIKE THE NEWS MEDIA AND OTHER SITES DO
/*   PUT THEM IN A LIST PART-WAY DOWN THE ARTICLE. THAT WAY IF THE ARTICLE ISN'T INTERESTING TO THE READER, 
/*   THE RELATED ONES MIGHT BE.
div.relatedContainer {
  
  }
/* Small heading
div.relatedContainer p {
  font-size: 12px;
  font-family: 'Open Sans', non-serif;
  font-weight: 300;
  font-style: normal;
  text-align: center;
  margin: 0 auto 10px auto;
  }









/* ============================= */
/*   SPECIFIC SIDEBAR MODULES    */
/* ============================= */

/*  DAILY SS BUTTONS IN SIDEBAR  */




/* =================== */
/*    HOROSCOPE PAGES   */
/* =================== */

/*   HOROSCOPE INDEX PAGE = Pg-   */
/*   HOROSCOPE SIDEBAR MODULE = Mod-   */

div.Pg-ButtonsWrapper {
  margin: 0 0 2.5em 0;
  overflow: hidden;  
  }
div.Mod-ButtonsWrapper {
  margin: 0;
  overflow: hidden;  
  }
div.Pg-RowWrapper,
div.Mod-RowWrapper {
  width: 100%;
  margin: 0;  
  }
/* LINK: Button resting link + shadows */
div.Pg-ButtonWrapper,
div.Mod-ButtonWrapper {
  float: left;
  width: 29%;
  margin: 2%;
  border-radius: 5px;
  }
div.Mod-ButtonWrapper.triple {
  margin-top: 25px!important;
}
div.Pg-ButtonWrapper  { 
  padding: 1em 0 0.5em 0; 
  border: 1px #4c80e6 solid;
  -webkit-box-shadow: 1px 2px 5px 4px rgba(173,194,235,0.4); 
  box-shadow: 1px 2px 5px 4px rgba(173,194,235,0.4);
  }
div.Mod-ButtonWrapper { 
  padding: 8px 0 0 0; 
  border: 1px #04c solid;
  -webkit-box-shadow: 1px 2px 3px 2px rgba(173,194,235,0.4); 
  box-shadow: 1px 2px 3px 2px rgba(173,194,235,0.4);
  }
/* HOVER: Button link:hover + shadows */
div.Pg-ButtonWrapper:hover {
  border: 1px #c00 solid;
  outline: 1px #c00 solid;  
  -webkit-box-shadow: 2px 2px 10px 5px rgba(173,194,235,0.65); 
  box-shadow: 2px 2px 10px 5px rgba(173,194,235,0.85);
  }
div.Mod-ButtonWrapper:hover {
  border: 1px #c00 solid;
  outline: 1px #c00 solid;  
  -webkit-box-shadow: 2px 2px 5px 4px rgba(173,194,235,0.65); 
  box-shadow: 2px 2px 5px 4px rgba(173,194,235,0.85);
  }
/* Size of Button image */
div.Pg-ButtonWrapper img,
div.Mod-ButtonWrapper img {
  width: 90%;
  max-width: 90%;
  border: none;
  margin: 0 5%;
  }

/* SS Daily Scopes Index Page Only */
div.Pg-ButtonWrapper h2 {
  font-size: 1.5em!important;
  font-family: 'Averia Serif Libre', cursive;
  font-weight: bold;
  font-style: italic;
  color: #05f;
  text-decoration: none;
  text-align: center;
  margin: 5px 0;
  }
div.Pg-ButtonWrapper:hover h2 {
  color: #c00;  
  }
table.Pg-SunSignTable {
  margin: 2.5em auto;
  max-width: 100%;  
  }

/* ADVANCED Daily Scopes Index Page Only */
div.Pg-ButtonWrapper.Art-Advanced {
  width: 95%;
  padding: 0!important;
  margin-bottom: 2em;
  }
div.Pg-ButtonWrapper.Art-Advanced img {
  float: left;
  margin: 8px 0px 8px 10px;
  width: 60px;
  }
div.Pg-ButtonWrapper.Art-Advanced h2,
div.Pg-ButtonWrapper.Art-Advanced h2 a,
div.Pg-ButtonWrapper.Art-Advanced h2 a:link,
div.Pg-ButtonWrapper.Art-Advanced h2 a:visited {
  font-size: 23px!important;
  font-family: 'Open Sans', non-serif;
  font-weight: 600;
  font-style: normal;
  color: #04c;
  text-decoration: none;
  text-align: center;
  margin: 8px 0;
  letter-spacing: 0.02em;
  }
div.Pg-ButtonWrapper.Art-Advanced h2 span  { font-size: 20px!important; }
div.Pg-ButtonWrapper.Art-Advanced:hover h2 { color: #c00; }

@media screen and (max-width: 600px) {
  div.Pg-ButtonWrapper h2 { font-size: 1em;!important } /* Sign titles in scope buttons on index page */
  div.Pg-ButtonWrapper.Art-Advanced h2 { font-size: 18px!important; }
  div.Pg-ButtonWrapper.Art-Advanced h2 span { font-size: 90%!important; }
  }

/* SIDEBAR MODULE FOR SS DAILY SCOPES ONLY */
div.Mod-ButtonWrapper h2,
div.Mod-ButtonWrapper h2 a,
div.Mod-ButtonWrapper h2 a:link,
div.Mod-ButtonWrapper h2 a:visited {
  font-size: 8px!important;
  font-family: 'Open Sans', non-serif;
  font-weight: 600;
  font-style: normal;
  color: #04c;
  text-decoration: none;
  text-align: center;
  margin: 5px 0;
  letter-spacing: 0.02em;
  }
div.Mod-ButtonWrapper:hover h2 {
  color: #c00;  
  }

/* SIDEBAR BUTTON FOR ADVANCED SCOPES PAGE */
div.Art-Advanced {
  width: 95%;
  padding: 0!important;
  }
div.Art-Advanced img {
  float: left;
  margin: 5px 0px 5px 8px;
  width: 50px;
  }
div.Art-Advanced h2,
div.Art-Advanced h2 a,
div.Art-Advanced h2 a:link,
div.Art-Advanced h2 a:visited {
  font-size: 16px!important;
  font-family: 'Open Sans', non-serif;
  font-weight: 600;
  font-style: normal;
  color: #04c;
  text-decoration: none;
  text-align: center;
  margin: 8px 0;
  letter-spacing: 0.02em;
  }


/* ===================================== */
/*    JS DAILY-SunSign HOROSCOPE PAGES   */
/* ===================================== */

div.SS-wrap-all {
  width: 90%;
/*  min-height: 600px; */
  margin: 0 5%;
  }
/* SS HEADER AREA */
div.SS-hdr-wrap {
  max-width: 440px;
  margin: 0px auto;
  min-height: 160px;
  }
div.SS-img-wrap {
  width: 131px;
  height: 160px;
  float: left;
  }
div.SS-sign-title h1 {
  font-family: 'Averia Serif Libre', cursive;
  font-size: 4.3em; /* Smaller for small phones */
  padding: 5px 0;
  margin: 0;
  text-align: center;
  line-height: 1.15;
  color: #606;
  }

/* SS DATE + INTERPS AREA */
div.SS-content-wrap {
  clear: both;
  margin: 15px 0;
  }
div.SS-content-wrap h2 {
  font-family: 'Averia Serif Libre', cursive;
  font-size: 2em!important;
  margin: 0 0 .5em 0;
  text-align: center;
  line-height: 1.15;
  color: #606;
  }
div.SS-Hdate {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4em;
  margin: 0 0 1em 0;
  text-align: center;
  line-height: 1.5;
  color: #c00;
  }
div.SS-Htext {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2em;
  margin: 0 0 2em 0;
  text-align: center;
  line-height: 1.75;
  color: #000;
  padding: 0 1em;
  }
/* SEPARATE ZODIAC IMAGES */
div.SS-01 { background: #fff url('/images/zodiac/scopes-01ari.jpg') no-repeat; }
div.SS-02 { background: #fff url('/images/zodiac/scopes-02tau.jpg') no-repeat; }
div.SS-03 { background: #fff url('/images/zodiac/scopes-03gem.jpg') no-repeat; }
div.SS-04 { background: #fff url('/images/zodiac/scopes-04can.jpg') no-repeat; }
div.SS-05 { background: #fff url('/images/zodiac/scopes-05leo.jpg') no-repeat; }
div.SS-06 { background: #fff url('/images/zodiac/scopes-06vir.jpg') no-repeat; }
div.SS-07 { background: #fff url('/images/zodiac/scopes-07lib.jpg') no-repeat; }
div.SS-08 { background: #fff url('/images/zodiac/scopes-08sco.jpg') no-repeat; }
div.SS-09 { background: #fff url('/images/zodiac/scopes-09sag.jpg') no-repeat; }
div.SS-10 { background: #fff url('/images/zodiac/scopes-10cap.jpg') no-repeat; }
div.SS-11 { background: #fff url('/images/zodiac/scopes-11aqu.jpg') no-repeat; }
div.SS-12 { background: #fff url('/images/zodiac/scopes-12pis.jpg') no-repeat; }

@media screen and (max-width: 370px) {
  div.SS-sign-title h1 { font-size: 2.25em!important; }
  div.SS-img-wrap {
    width: 90px;
    height: 110px;
    float: none;
    }
  div.SS-01, div.SS-02, div.SS-0, div.SS-04, div.SS-05, div.SS-06, 
  div.SS-07, div.SS-08, div.SS-09, div.SS-10, div.SS-11, div.SS-12 { background-size: 90%; }
  div.SS-content-wrap h2 { font-size: 1.75em!important; }
}



/* ========================== */
/*   LOW-DOWN PROMO SECTION   */
/* Showing Intro to latest    */
/* NM/FM article below scope  */
/* ========================== */
div.moduletable_ldpromo {
  padding: 1.5em;
  }
div.moduletable_ldpromo h3 {
  color: #c00;
  margin-top: 0;
  }
div.moduletable_ldpromo ul.category-module_ldpromo {
  font-family: Merriweather, serif;
  font-weight: 300;
  padding-left: 0;
  }
div.moduletable_ldpromo ul.category-module_ldpromo li::before {
  content: none;
  }
div.moduletable_ldpromo ul.category-module_ldpromo li {
  line-height: 1.75em;
  padding-left: 0;
  list-style: none;
  text-indent: 0;
  }
div.moduletable_ldpromo ul.category-module_ldpromo li a.mod-articles-category-title  {
  font-weight: bold;
  font-size: 115%;
  }
div.moduletable_ldpromo ul.category-module_ldpromo p.mod-articles-category-introtext {
  margin-bottom: .5em;
  }
div.moduletable_ldpromo ul.category-module_ldpromo p.mod-articles-category-introtext a {}


div.moduletable_ldpromo ul.category-module_ldpromo p.mod-articles-category-readmore {
  margin-bottom: 0;
  font-family: Open Sans, serif;
  font-size: 12px;
  }
div.moduletable_ldpromo ul.category-module_ldpromo p.mod-articles-category-readmore a,
div.moduletable_ldpromo ul.category-module_ldpromo p.mod-articles-category-readmore a:visited {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #06f;
  border-radius: 1em;
  border: 1px solid #06f !important;
  outline: 1px transparent solid;
  font-weight: 300!important;
  }
div.moduletable_ldpromo ul.category-module_ldpromo p.mod-articles-category-readmore a:hover {
  color: #03c;
  background-color: #e6f0ff;
  border: 1px solid #03c!important;
  outline: 1px solid #03c;
  }



/* =============================================== */
/*   BASIC SIGN INFO ON SUN SIGN HOROSCOPE PAGES   */
/* =============================================== */
div.descrZodSign {
  width: 100%; 
  margin: 4em 0; 
  border: 1px #ccc solid;
  border-radius: 4px;
  padding: 1.5em 1.5em .5em 1.5em; 
  text-align: left; 
  font-size: 110%;
  }
div.descrZodSign h2 {
  text-align: center;
  margin: 0 auto .75em auto;
  color: #606;
  font-size: 110%;
  }
div.descrZodSign p.spacer { margin-top: 2.25em; }


/* ========================================= */
/*   ADVANCED TFM/MYASTRO DAILY HOROSCOPES   */
/* ========================================= */

/* Surrounding DIV that contains the iframe box */
div.dailyadvanced iframe#tfm_df_iframe1 { 
  height: 800px;
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  }

/* Link hover style for fm horoscope area only */
/* Must be in LoVe HAte order */

#TFMFCTypeMenu {
  padding: 10px 5px 0px 5px;
  text-align: center;
  }

#TFMFCTypeMenu a:link,
#TFMFCTypeMenu a:visited,
#TFMFCTypeMenu a:hover { padding: 8px 15px 10px 15px; }

/*   HOROSCOPE TYPES – BUTTONS                         */
/*   These links are IDs when page first loads.        */ 
/*   Only when they're clicked do they become a CLASS. */
/*   Initial styling                                   */
#personallink a, 
#lovelink a, 
#moneylink a {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  margin: 0 5px 10px 5px;
  padding: 8px 10px;
  width: 105px;
  display: inline-block;
  border-radius: 48%;
  color: #fff;
  }

/* Personal link styles */
/* #ccd9ff + lt greyblue */
#personallink a,
#personallink a:link { 
  background-color: #d4ddf7; 
  color: #000; 
  border: 2px #36f solid; 
  }

#personallink.personallink a, 
#personallink.personallink a:link,
#personallink a:hover { 
  background-color: #3366ff; 
  color: #fff; 
  border: 2px transparent solid;
  }

/* Love link styles */
/* #ffe6f9 + lt grey-pink */
#lovelink a,
#lovelink a:link { 
  background-color: #f9ecf6; 
  color: #000; 
  border: 2px #e600ac solid;
  }  

#lovelink.lovelink a, 
#lovelink.lovelink a:link,
#lovelink a:hover { 
  background-color: #e600ac; 
  color: #fff; 
  border: 2px transparent solid;
  }


/* Money link styles */
/* #d6f5d6 lt grey-green */
#moneylink a,
#moneylink a:link { 
  background-color: #ddeedd; 
  color: #000; 
  border: 2px #093 solid;
  }  

#moneylink.moneylink a, 
#moneyink.moneylink a:link,
#moneylink a:hover { 
  background-color: #093; 
  color: #fff; 
  border: 2px transparent solid;
  }


/* Interps horoscope text */
#TFMFCText {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  line-height: 1.75;
  }

/* Quotation/Summary text */
#TFMQuotation {
  font-style: italic;
  font-family: 'Averia Serif Libre', cursive;
  color: #606;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 20px 30px 15px 30px;
  }

/* DATE NAVIGATION LINKS */
#fcdatenav {
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  padding: 15px 5px 0 5px;
  }
/* Current Date Label */
#fcdatelabel {
  padding: 10px 0px 0 5px;
  font-weight: normal;
  text-transform: capitalize;
  font-size: 13px;
  color: #c00;
  }
#TFMfcdate {
  padding: 10px 5px 0 5px;
  font-weight: normal;
  font-size: 13px;
  color: #c00;
  }

/* Yesterday navigation links */
#TFMFCYesterday a:link,
#TFMFCYesterday a:visited {
  font-weight: normal;
  color: #01f;
  text-decoration: none;
  border-bottom: 2px dotted #67f; 
  background-color: transparent;  
  }
#TFMFCYesterday a:hover {
  color: #04c;
  text-decoration: none;
  border-bottom: 1px solid #04c;
  }
#TFMFCYesterday,
#TFMFCTomorrow { font-size: 12px; font-weight: normal; }

/* Tomorrow navigation links */
#TFMFCTomorrow a:link,
#TFMFCTomorrow a:visited {
  font-weight: normal;
  color: #01f;
  text-decoration: none;
  border-bottom: 2px dotted #67f; 
  background-color: transparent;  
  }
#TFMFCTomorrow a:hover {
  color: #04c;
  text-decoration: none;
  border-bottom: 1px solid #04c;
  }

/* BIRTHDATE SELECTION */
/* Drop-down menus at bottom */
#dfform {
  text-align:center;
  padding: 10px 0 0 0;  
  }
#ddform form { margin-bottom: 0!important; }

/* GO button */
#tfmgo { 
  background-image: url("/images/common/gobutton-bg.png");
  background-repeat: no-repeat;
  background-size: 100%;
  text-align: center;
  vertical-align:middle;
  margin-top: 8px;
  margin-left: 10px;
  padding-top: 18px;
  height: 60px;
  width: 60px;
  font-size: 18px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
#tfmgo a:link {
  text-decoration: none;
  color: black;
  font-weight: bold;
  text-align: center;
  }
#tfmgo a:visited {
  color: black;
  }
#tfmgo a:hover {
  color: red;
  }

/* Birthdate and Horoscope selections - hidden */
#TFMbirthdate, #TFMFCType { 
  visibility: hidden; 
  display: none;
  }

/* REAL BIRTH DATE FORM */
#dfform form table#dfformtable 	{ margin: 0 auto; border: none; }
#dfform form table#dfformtable tr 	{ background-color: transparent; }
#dfform form table#dfformtable tr td 	{ padding: 0; border: none; }
#dfform form table#dfformtable tr td select 	{ margin: 0 5px; }

/* PREVIOUS-NEXT NOTICE FOR MULTIPLE INTERPS */
#TFMFCPrevNext {
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  background-color: #ffb;
  display: block;
  text-align: center;
  border-radius: 15px;
  }

/* DAILY NATAL HOROSCOPE -- END */
/* ============================ */





/* =========================== */
/*    ALTER-GLOSSARY STYLES    */
/* =========================== */

/* -------------------------------------------------- */
/* GLOSSARY "CATEGORY GROUPS" MODULE - INDEX PAGE     */
/* One module displays all categories and their terms */
/* -------------------------------------------------- */
/* Blue: #05f
/* Red: #c00
/* Purple: #50a or #606
/* Yellow: #870
/* -------------------------------------------------- */

/* Latest from the Glossary module */
.moduletable_latestGL {
  margin-bottom: 3em;
  }

/* _Glindex class goes in Categories & Terms module */
.category-module_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;  
  }

/* Stop Glossary Home page from displaying date, category, etc info & remove margin */
.article-info.muted { display: none; }
.item-page_glossaryhome .article-aside.clearfix { 
  display: none;
  margin-bottom: 0;   
  } /* _glossaryhome in Menu */


/* ======================================== */
/*    TEXT LINKS – SIMULATED LIST ITEMS     */
/* ======================================== */
.category-module_GLindex p {
  line-height: 1.75em;  
  }
.category-module_GLindex p a {
  padding: 0 0 0 3px;
  color: #05f;
  margin: 5px 0px 5px 25px;  /* space between terms */
  font-size: 15px;
  display: inline-block;  
  }
.category-module_GLindex p a::before,
a.glossarydemolink {
  content: '\2736';       /* was > '\2771'; */
  margin: 0 5px 0 -22px;  /* negative left margin means icon is outside the link underline */
  color: #7d30bf;         /* was #606 too dark to see the colour */
  font-size: 125%;  
  }



/* =================================== */
/*   GLOSSARY TERM LINKS 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 1px 0;
  border-style: solid;
  border-image: linear-gradient(to right, #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 {
/*  background: #606;
  color: #fff; */
  background-color: #fbeafb;
  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 WINDOW */
/* --------------------- */
.popover               { max-width: 17em!important; }
.popover-content       { text-align: center!important; }
.popover-content img,
.popover.aglossary img { margin-bottom: 5px; }
.popover-content .readmore { 
  background-color: #606; 
  color: #fff; 
  border-radius: 2em!important;
  margin: 0;
  padding: 5px 10px;
  }
/* Prevent tiptool window from shifting down after image is loaded */
.aglossary.popover img { height: 60px;}

/* Merriweather italics is disproportionately large on popovers, so reduce it slightly only for popovers */
.popover-content p em { font-size: 95%; }

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


/* ------------------------------------ */
/* 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 .item-image.pull-right {
  margin: 0 0 1em 10px!important;
  max-width: 50%;
  text-align: center;
  line-height: 1.25em;  
  }
/* Centers the image */
.term-description .item-image.pull-right img { margin: auto auto 1em auto; }
.term-description .item-image.pull-right figcaption {
  font-family: 'Merriweather', serif;
  font-style: italic;
  font-weight: 300;
  font-size: 85%;
  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: initial;
}
/* 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', 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', serif;
  font-style: italic;
  font-weight: 300;
  color: #666;  
  }
/* 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;
  color: #009; /* dark blue */
  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;  
  }

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




/* ========================== */
/*        TAGS STYLES         */
/* ========================== */
div.tags {
  padding: 10px 0 15px 0;  
  }
/* div.tags span { display: inline-block!important; } */
.item-page .tags a {
  background: #fff;
  border: 1px solid #ccc!important;
  border-radius: 5px;
  color: #4675d2;
  padding: 5px 6px;
  font-weight: normal;
  letter-spacing: 1px;
  font-family: 'Open Sans', sans-serif; /* was Merriweather Sans */
  font-style: normal;
  text-transform: uppercase;
  margin-right: 5px;  
  }

.item-page .tags a:hover {
  border-color: #00008b;
  background-color: #e6eeff;
  color: #05f;  
  }



/* ========================= */
/*   DAILY HOROSCOPE PAGES   */
/* ========================= */


/* ========================= */
/*     DAILY LUNAR SCOPES    */
/* ========================= */

/* Wrapper for Daily Lunar Horoscopes */
div.dailyLunar {
  width: 458px;
  margin: 0 auto 35px auto;
  text-align: center;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: top;  
  }
/* Zodiac sign image */
div.dailyLunar img {
  float: left;
  margin: 0 1.5em 0 0;  
  }
div.dailyLunar h1 {
  font-family: 'Averia Serif Libre', cursive;
  font-weight: bold;
  font-size: 3em;
  color: #606;
  margin: 0;  
  }
div.dailyLunar h2 {
  font-family: 'Averia Serif Libre', cursive;
  font-weight: bold;
  font-size: 1.5em;
  color: #606;
  margin: 0;
  clear: both;  
  }
div.dailyLunar p {}


div.dailySign01 {
  background-image: url("../images/symbol01.jpg");
  background-repeat: no-repeat;
  background-position: left bottom;  
  }




/* ============================= */
/*      GENERAL ARTICLE STYLES     */
/* ============================= */

/* ================================================================ */
/*                   ARTICLE INTRO TEXT                             */
/* appears on Blog layouts and at the start of the article          */
/* NOTE: largest intro image is 720px (and currently look like shit */
/* 720px intro image appears at 1024px wide window                  */
/* ================================================================ */

/* Hide Joomla front-end editing widgets */
article footer.article-footer { display: none; }

/* =================== */
/*   ARTICLE TITLES    */
/* =================== */

/*   ON BLOG INDEX PAGES   */
/*   Article Title uses H2 on Blog Index pages   */

/* Space on Blog Index page to separate heading from intro section */
.article-intro { margin-top: 1rem; }

/* BLOG: Article Header – Default/passive style */
h2.article-title a, 
h2.article-title a:link,
h2.article-title a:visited {
  color: #c00;
  text-shadow: 1px 1px 1px #f99;
  text-decoration: none;  
  }
/* BLOG: Article Header – Hover style */
h2.article-title a:focus,
h2.article-title a:hover {
  color: #f00;
  text-shadow: 1px 1px 1px #900;
  }

/*   ON ARTICLE PAGES   */
/*   Article Title uses H1 on Article pages   */
/* FOR LOWDOWN STYLES, SEE BOTTOM OF CSS PAGE */

/* PAGE: Article Header – Default Title */
.article-title, 
.article-header h1 {
  margin: .75em 0 0 0!important;
  text-align: center;
  color: #c00;
  text-shadow: 1px 1px 1px #f99;
  text-decoration: none;  
}

/* Article-Title H1 for Pages and Lowdown */
h1.article-title { font-size: 2rem; }

/* PAGE: Article Header - Linked Title */
h1.article-title a, 
h1.article-title a:link,
h1.article-title a:focus,
h1.article-title a:visited {
  color: #c00;
  text-shadow: 1px 1px 1px #f99;
  text-decoration: none;  
  }
/* Article Page – Hover */
h1.article-title a:hover {
  color: #f00;
  text-shadow: 1px 1px 1px #900;
  }


/* ====================== */
/*    IN-ARTICLE IMAGES   */
/* ====================== */
/* Article Full Image – full width of section */
div.pull-none.item-image img {
  width: 100%;
  max-width: 100%;
  margin-top: 1.5rem;
  }
/* On Blog layout page - spacing between image and dropcap start of intro text */
.article-intro img {
  margin-bottom: 1em;
  border-radius: .5em;
  }
/* Intro image on blog index page defaults to 100% of its DIV */
.article-intro .item-image {
  max-width: 150px;
  width: 35%!important;
  }
/* Sub-title in intro section below image */
.article-intro div.articleintro h2 {
  font-family: 'Averia Serif Libre', cursive;
  font-style: italic;
  line-height: 1.1;
  font-size: 20px;
  color: #04c;
  margin: 0 0 10px 0;
  text-align: center;
  font-size: 22px!important;  
  }
.items-row .item { 
  margin-bottom: 20px;
  }
.article-intro div.articleintro .dropcap { 
  font-size: 350%;
  line-height: .9em;
  padding: 0 .2em 0 0;  
  }


/* ============================ */
/*      IN-ARTICLE STYLES       */
/* ============================ */

/* Intro on Article page itself */
.article-content .articleintro {
  margin: 2em 2em 2em 2em;
  padding: 0;
  }
.article-content .articleintro h2 { /* Sub-title in intro section below image */
  font-family: 'Averia Serif Libre', cursive;
  font-style: italic;
  line-height: 1.2;
  font-size: 24px;
  color: #04c;
  margin: 0 0 20px 0;
  text-align: center;  
  }
.article-content .articleintro p {
  font-family: Merriweather, serif;
  font-weight: 300;
  font-style: italic;
  }
.article-content h1 { font-size: 2.5rem; }

/* ARE THESE DUPLICATES OF ABOVE?? */
/* Blog page article heading */
.article-header h2 {
  font-size: 24px;
  color: #900;
  margin: 0 0 .5em 0;
  }
/* Blog Index page: Positioning info line (author, category, date, etc) */
.article-header + .article-aside {
  margin-bottom: 10px;
  display: none;  
  }
/* Article info area on Blog Index pages */
.article-info {
  margin: 0;
  width: 100%;  
  }

/* Article Blog Index Title */
div.blog .page-header { 
  border-bottom: 1px solid #ebebe0;   
  }


/* TEMP STYLES */
/* link later - text to link after all pages are finished */
span.linklater { background-color: yellow; }

/* Hide front-end editing buttom */
div.icons { display: none; }

/* Shorten whitespace below page header */
.item-page aside.article-aside { 
  margin-bottom: 20px;
  display: none; 
}

/* Commission Alert styling - notifying that a link is affilate */
.commission-alert, .field-value {
  font-size: 12px;
  font-family: Open-sans, sans-serif;
  font-style: italic;  
  }
.commission-alert { color: red; }


/* ==================================== */
/* SPECIAL STYLES FOR SPECIFIC ARTICLES */
/* ==================================== */

/* GEMINI ZODIAC: Special blockquotes at top */
/* Side by side quote blocks - Gemini zodiac article */
div.quoteBlock {
  width: 100%;
  height: 100%;
  background-size: 10px auto;
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, transparent, #fbe8b7, transparent);
  background-position: top;
  margin-bottom: 1.5em;
  padding: 10px 20px;  
  }
div.quoteBlock p {
  font-family: 'Merriweather', serif;
  font-style: italic; 
  font-weight: 300;
  font-size: 16px;
  line-height: 1.65em;
  margin-bottom: 0;  
  }
div.quoteBlock p.top {
  text-align: right;
  margin-right: 54%;  
  }
div.quoteBlock p.bottom {
  text-align: left;
  margin-left: 54%;  
  }
div.quoteBlock p.source {
  font-family: 'Merriweather', serif;
/*  font-style: italic; */
  font-size: 13px;
  margin-top: .8em;  
  }


/* Used in Scorpio Zodiac article */
.glyph08::before { 
  content: "\264F"; 
  color: #c00; 
  padding-right: 5px; 
  font-weight: bold; 
  font-size: 125%;   
  }

/* Used in Sagittarius Zodiac article */
.why { 
  font-size: 115%;
  font-style: italic;
  font-family: 'Averia Serif Libre', cursive;
  color: #60c;  
  }

/* Used in Capricorn Zodiac article */
div.zodiac10intro {
  font-family: 'Courier New', Courier, monospace; /* was PT Mono */
  font-size: 1.35em;
  margin-bottom: 1.5em;  
  }
div.zodiac10intro span.large { font-size: 1.5em; }
div.zodiac10intro span.huge  { font-size: 2.85em; font-weight: bold; line-height: .65em; }
div.zodiac10intro span.listitems { text-decoration: underline; font-weight: bold; }


/* -------------------------------- */
/*  Table used for customized data  */
/*  e.g. Parallels of 2020 article  */
/* -------------------------------- */
table.transitcycles { 
  font-family: Tahoma,Arial,sans-serif; 
  font-size: 12px; 
  background: white;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 30px;
  }
table.transitcycles td {
  padding: 6px 10px 6px 10px;
  border-bottom: 1px olive solid;
  border-left: 1px olive dashed;
  border-right: 1px olive dashed;
  text-align: center;
  background: #fff;  /* override table default zebra stripes */  
  }
table.transitcycles th {
  border-bottom: 2px olive solid;
  border-top: 1px olive dashed;
  border-left: 1px olive dashed;
  border-right: 1px olive dashed;
  padding: 5px 10px 5px 10px;
  vertical-align: bottom;
  background: #fff;
  font-family: Verdana,Tahoma,Arial,sans-serif; 
  font-size: 12px; 
  color: #000;
  font-weight: bold;
  text-align: center;  
  }
table.transitcycles tr.shadedrow td {
  background-color: #FDFCDC;  
  }
table.transitcycles tr.toprow td {
  border-top: 2px olive solid;
  border-bottom: 1px khaki solid;  
  }
table.transitcycles tr.bottomrow td,
table.transitcycles tr.bottomrow td.shaded {
  border-top: 1px khaki solid;
  border-bottom: 2px olive solid;  
  }
table.transitcycles tr.toprow th.leftcol,
table.transitcycles tr.toprow td.leftcol {
  font-weight: bold;
  text-align: left;
  padding-left: 10px;
  border-top: 2px olive solid;
  border-right: 1px khaki solid;
  border-bottom: 2px olive solid;  
  }
table.transitcycles tr.currentrow td {
  background-color: #F2EC99;
  font-weight: bold;  
  }
table.transitcycles td span {
    display: block !important;
    margin-top: .5em !important;  
  }
table.transitcycles tr td.shaded {
  background-color: #EEEDE3;  
  }

/* END SPECIAL ONE-OFF STYLING FOR SPECIFIC ARTICLES */
/* ================================================= */




/* ======================== */
/*     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
/* ========================================================================== */

/* UoToNow Top Intro Article at top of feed */
div.up2nowTopIntro {
  margin: 0 1.25em .75em 1.25em;
  }
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: 14px; 
  margin-top: 1em;
  }
div.up2nowTopIntro p.subhdr {
  font-size: 15px;
  margin-left: 1em;
  margin-right: 1em;
  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;
  }
@media screen and (max-width: 600px) {
  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;
    }
  }


/* 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;
  }
@media screen and (max-width: 600px) {
  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, serif;
  font-style: italic;
  font-weight: 300;  
  }
div.up2details p {
  font-size: 13px;
  text-align: right;
  margin: 0 0 10px 0;
  line-height: 22px;  
  }

@media screen and (max-width: 600px) {
  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;
  padding: 15px 0 1px 20px;  /* If bottom=0, border-left ends at text; bottom=1px shows p bottom-padding */
  border-left: 2px #03c solid;
  border-top:  2px #03c solid;
  border-top-left-radius: 15px;
  }
@media screen and (max-width: 600px) {
  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;  
  }

@media screen and (max-width: 600px) {
  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', serif;
  font-style: italic;
  font-weight: 300;
  margin: 5px 0;  
  }
div.blog_up2nowfeed .items-row .item {
  margin-bottom: 0!important;  
  }


/* ================================== */
/* UPTONOW GLYPHS – ASTROSCRIPT FONT  */
/* Used for glyphs not in Widget-Bold */
/* ================================== */

.widgetb,.widgetb-26025 {  /* Is widget-26025 needed? Why?  STILL USING THIS CLASS?? */
  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;  
  }

div.up2glyphs span {  /* FOR USE IN UpToNow FEED PAGE */
  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,
 div.up2glyphs span.cpll,
 div.up2glyphs span.enters { 
  font-family: 'AstroScript Bold' !important;
  font-size: 24px;
  font-weight: normal;
  padding: 0 4px;
  display: inline-block;  
  }

/* 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 */

/* AstroScript glyphs not currently used */

/* From Standard Body Font – Open 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 .shadow::after, 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 – Open 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.shadow,
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;
  }



/* ================================= */
/*      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;
  }
/* 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;
}

/* 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 {
  font-size: 1.35rem!important;
  margin: 0 0 .15rem 0;
  text-align: center;
  color: #c00;
  font-weight: bold;
  }
div.lunardatebox h2::before {  /* Used in Up2Now – no blue arrow at left */
  border: none!important;
  }
div.lunardatebox p {
  font-size: .9rem;
  margin: 0 0 .25rem 0;
  line-height: 1.25rem;
  }
div.lunardatebox p.place {
  margin: .75rem 0 0 0!important;
  font-weight: bold;
  }
div.lunardatebox p.dateeastern {
  margin: 0;
  }
div.lunardatebox p.otheramer {
  padding-left: .5rem;
  font-style: italic;
  }
div.lunardatebox 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 {
  margin: 0 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; }
div.shortcuts p.ldSectionHdr { font-weight: bold; }



/* WIDE SCREEN – DEFAULT VALUES */
div.lunardatebox {
  padding: 125px 1rem 1.25rem 1rem; /* Space above to show zodiac icon */
  border: 2px #BDB76B solid;
  border-radius: 10px;
  float: none;
  margin: 3rem 0rem 2.5rem 0rem;
  overflow: hidden;
  background-size: 80px 98px!important; 
/* Setting size of zodiac icon, selected using 2nd class */
  }
div.lunardatesL {
  margin: 0 5px 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: 0 0 2em 0;
    padding-left: 1rem;
    }
}

/* 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) and (max-width: 1200px) {
  div.lunardatebox {
    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 {
    margin: 0 0 2em 0;
    padding-left: 0;
    border-left: 0;
    }
}


/* PHONE SCREEN – WIDE DATEBOX – NO SIDEBARS */
/* Not wide enough for sidebars, but datebox has grown enough to 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 (max-width: 572px) {
  div.lunardatebox {
    margin: 2.5rem 5px .75rem 5px;
    }
  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 {
    margin: 1.5em 0 2em 0;
    padding-left: 0;
    border-left: none;
    }
}



/* Up2Now preview widget in Low-Down articles */
/* Lists upcoming Up2Now transits in widget on Low-Down articles pages */
div.LD-Up2Now {
  width: 300px;
  padding: 20px;
  border: 1px darkkhaki dotted;
  border-radius: 15px;
  }
@media screen and (min-width: 600px) {
  div.LD-Up2Now {
    float: right;
    margin: 0 0 20px 20px;
  }
}

@media screen and (max-width: 599.999px) {
  div.LD-Up2Now {
    float: none;
    margin: 0 auto 20px auto;
  }
}



/* Introduction box for Guest Author */
div.guestAuthorIntro,
.custom_authorbio {
  margin: 3em 2em;
  border: 1px darkkhaki solid;
  border-radius: .5em;
  padding: 2em 2em 1.5em 2em;
  background-color: #fffff5;
  }
div.guestAuthorIntro h3,
.custom_authorbio h3 {
  text-align: center;
  margin-top: 0;
  color: #c00;
  }
div.guestAuthorIntro p,
.custom_authorbio p {
  font-family: 'Merriweather', serif;
  font-weight: 300;
  font-style: italic;
  line-height: 1.75em;
  }
.custom_authorbio p { font-size: .9em; }
div.guestAuthorIntro p span.source,
.custom_authorbio p span.source {
  font-size: inherit;
  text-indent: 0.85em;
  }
.article-intro .guestAuthorIntro { display: none; }



/* SOCIAL MEDIA BUTTONS */
/*   SHARETHIS MODULE   */
div.moduletable_sharethisinline { margin: 2.5em 0 1em 0; }
/* div.custom_sharethisinline      { margin-left: -25px; } */


/* ===================== */
/*      DONATE BUTTONS     */
/* ===================== */

div.article-donate {
  text-align: center;
  margin: 2.5em auto .5em auto;
  max-width: 320px;
  padding: 1.15rem .75rem 0.25rem .75rem;
  border: 1px #8d883f solid;
  border-radius: 8px;
  background-color: #ffffed;
  }
div.article-donate h3 {
  margin-top: 0;
  text-align: center;
  color: #c00;
font-size: 1.4rem;
margin-bottom: .35em;
  }

div.article-donate p {
  font-family: 'Merriweather', serif;
  font-style: italic;
  font-weight: 300;  
  text-align: center;
font-weight: normal;
font-size: 1.05rem;
line-height: 1.6rem;
margin-bottom: 1.5rem;
  }

div.article-donate p strong {
  font-weight: 400;
  }
/* Still used?? */
div.article-donate h5 {
  margin-top: 1em;
  }

/* Button Wrapper DIVs */
/* NOT USED NOW
div.article-donate div.buttonwrapper {
width: 100%;
padding-top: .25rem;
  }
div.article-donate div.button-cad {
width: 50%;
float: left;
text-align: left;
  }
div.article-donate div.button-usd {
width: 50%;
float: right;
text-align: right;
  }
*/

/* New Donate Buttons – compact */
div.article-donate a.myppbutton, 
div.sidebar-donate a.myppbutton {
  padding: .4em .75em;
  border: 2px solid #b37d00;
  border-radius: 1em;
  background-color: #FFC439;
  color: #000;
  font-weight: 600;
  line-height: 1.5em;
  text-decoration: none;
  }
div.article-donate a.myppbutton:hover,
div.sidebar-donate a.myppbutton:hover {
  border: 2px solid blue;
  }
/* Wraps buttons and styles */
div.article-donate div.donate-buttons p,
div.sidebar-donate div.donate-buttons p {
  margin: 1.5em 0 2.25em 0;
  text-align: center;
  font-style: normal;
  font-family: Open Sans,sans-serif;
  font-size: 1.1em;
  }


div.system-unpublished {
  background: #fff;
  border-top-color: #fff;
  border-bottom-color: #fff;
}


/* ================= */
/* ADSENSE STYLES */
/* ================= */

/* In-Article Ads for Articles and Low-Down */
div.contBelow {
  margin: 1.5em 0 3em 0;
  }
div.contBelow p:first-child::before {
  font-size: .9rem;
  color: #585528;
  margin: 0 0 1em 0;
  text-align: left;
  font-style: italic;
  font-family: "Merriweather", serif;
  font-weight: 300;
  content: "Continued below"
  }



/* ADSENSE FOR UP2NOW */
/* Responsive ads to go in between Up2Now blocks */
/* No borders or styling, just the ad block */
div.adblock-u2n {
/*  overflow: hidden;  */
  width 100%; 
/*  min-height: 90px;  */
/*  background-color: #ffc;  */
  margin: 30px auto 20px auto; 
  padding: 0;
  }


/* Report Ads */
div.reports-box p {
  line-height: 1.4em;
  font-size: .95rem;
}