/* old articles 12 */ 
@import url(/assets/css/astrological-symbols.css);
@font-face {font-family: "Astro One"; src: url("/assets/fonts/Linotype Astrology Pi One.ttf") format("truetype");}
@font-face {font-family: 'Astro Two'; src: url('/assets/fonts/Astrology P02 Regular.otf') format('opentype');}

.flyout {padding: 12px; background-color:#f4f4f4; justify-content: center; border-radius: 3%; width: fit-content; float:right; margin-left:30px; margin-top: 15px; margin-bottom: 15px; padding:15px 15px}

.mobileon {display: none;}
.mobileon2 {display: none;}
.mulmain {font-family: 'Mulish', sans-serif; font-size: 15px; line-height: 160%; padding:8%; padding-right: 2%; padding-bottom:0;}

.natmain {padding: 3% 0%; background: #fff;}
.natmainl {padding: 0 3% 2% 3%;}
.natmainm {padding: 0 0 1% 2%; background: #fff; border-left: solid 1px #ae9f80;}
.natmainr {text-align: center; padding:0 2%}


.pinned {position: fixed; bottom: 1px; left: 1px; max-width: 100%; width:500px; padding:0%;}
.Q {margin-right: 0%; margin-left : 15%; border-left: 1px dashed #c7cdd3; padding-right: 0px;padding-left: 80px; margin-top: 30px; margin-bottom: 30px; background-image: url(https://www.skyscript.co.uk/im/2022/lquote.png);background-repeat: no-repeat; background-size: 50px; background-position: 20px 0px; font-family:'Petrona', serif; font-style: italic; font-weight:200; font-size: 18px; line-height: 140%; color: #222222;}


.share {text-align: left}
.shareb {font-family:'montserrat', sans-serif; font-size:11px; font-weight:bold;}
.share-btn-container {display:flex; flex-direction:row; padding:0%; transform:translateY(-10%); align-items:center; justify-content:center;}
.share-btn-container a {display:inline-block; width:24px; text-align:center; vertical-align:middle; margin:0; transition:500ms;}
.share-btn-container a i {font-size:20px; color:#999;}
.share-btn-container a:hover {transform:scale(1.4);}
.share-btn-container .fa-facebook:hover {color:#660000;}
.share-btn-container .fa-twitter:hover {color:#660000;}
.share-btn-container .fa-linkedin:hover {color:#660000;}
.share-btn-container .fa-pinterest:hover {color:#660000;}
.share-btn-container .fa-whatsapp:hover {color:#660000;}

.shide {display: none;}
.shideshow:hover + .shide {display: block; z-index: 300; position: absolute;}
.side2 {line-height: 1.4; color: #333; text-decoration: none; width: auto; padding:1%;padding-left:5%;}
.side2:hover  {background-color: #f4f4f4;}

.sticky-submenu {
        position: sticky;
        top: 70px;
        background: #f4f4f4;
        z-index: 10;}

.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 200px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table thead tr {
    background-color: #465e72;
    color: #ffffff;
    text-align: left;
}
.styled-table th,
.styled-table td {
    padding: 12px 15px;
}
.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}
.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}
.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #465e72;
}
.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}

.td_2 {width:2%}
.td_47 {width:47%; border-bottom:1px dotted #ae9f80;}
.ti {color:#2c4a5f; font-weight: bold; font-size:14px} 

/* Print button - noprint - anything with this class won't appear in the print version / nobreak - any block-level element with this class will force itself onto a new page if doesn't fit completely on the current page.-->
*/
.p-btn-container {display: flex; flex-direction:row; padding:0px;
  transform: translateY(-20%); align-items: center; justify-content: center;}
.p-btn-container:hover {color: #660000;}
.p-btn-container a i {font-size:20px; color: #999}
.p-btn-container a i {margin: 0px 0; transition: 500ms}
.p-btn-container a i:hover {transform: scale(1.4); color: #660000;}
.print-btn:hover {color: #660000;}


/* Media Queries */
  @media (max-width: 1100px)  {
.nosee  {display: none;}    
  }

@media (max-width: 950px) {
  .content {
    padding: 4px 16px;
    .namelink  {line-height:1.1 }
  }
.flyout {float: none; justify-content: center; background-color: unset; width: 100%; margin: 5px; padding: 5px; text-align: center;}
.imchart {float:right; max-width: 100%; width:850px; padding:6% 0%; z-index:20}
.ind2 {padding-left: 10%; padding-right: 10%; padding-bottom: 5%}
.matp {padding-left: 10%}
.mobileon {display:inline-block; height: 1px; width:100%; color:#fff; padding: 0; margin: 0}
.mobileon2 {display:inline-block; height: 1px; width:100%; color:#fff; padding: 0; margin: 0; margin-bottom:15px; margin-top:5px}
.mulmain {font-family: 'Mulish', sans-serif; font-size: 15px; line-height: 160%; padding:6%; padding-bottom:0}
.natmain {padding: 0% 0% 5% 0%; background: #fff;}

.natmainm {padding: 0 0 1% 0%; background: #fff; border-left: none;}
.pinned {position: fixed; text-align: center; max-width: 90%; width:600px; padding:0%;}
.print-btn {display: none;}
.Q {margin-right: 0%; margin-left : 5%;  padding-right: 0px; padding-left: 20px; margin-top: 30px; margin-bottom: 30px; font-family:'Petrona', serif; font-style: italic; font-weight:200; font-size: 18px; background-image: none }
.share {display: none;}


  .share-btn-container {
    transform: unset;
    top: unset;
    left: 0;
    bottom: 0;
    width: 100%;
    flex-direction: row;
    box-shadow: 4px 0 8px rgba(0, 0, 0, 0.3);
    padding: 16px 0;
    justify-content: center;
  }

  .share-btn-container a {
    margin: 0 32px;
  }
}

/* Print */

  @media print {
    @page {margin: 1.5cm;}
    header { display: none; }
    footer { display: none; }
    section.circle2 { display: none; }
    .top { display: none; }   /* up+down buttons */
    a {font-family:  cambria, georgia, serif; color:#576c7f}
    a[href]:after { display:none; }
    .noprint { display: none; }
    .nobreak { page-break-inside: avoid; }
    i {font-family: cambria, georgia, serif; font-style: italic;}
    p {font-family: cambria, georgia, serif; font-size: 12px;}
    .im1 {float:none ;max-width: 100%; width:500px; padding: 0px; text-align: center;}
    .imchart {max-width: 100%; width:300px; padding: 0px}
    .imchart2 {max-width: 100%; width:300px; padding: 0px}
    .m {font-family: cambria, georgia, serif; font-size: 10px;}
    .mon {font-family: cambria, georgia, serif; font-size: 12px;}
    .mul {font-family: cambria, georgia, serif; font-size: 12px;}
    .mulb {font-family: cambria, georgia, serif; font-size: 12px;}
    .num {font-family: cambria, georgia, serif; font-size: 10px;}
    .pb8 {font-family: cambria, georgia, serif; font-size: 10px;}   
    .pt {padding: 0px}
    .ref {font-family: cambria, georgia, serif; font-size: 10px;}
    .Q {font-family: cambria, georgia, serif;font-size: 11px; padding:0px}
    .Q2 {font-family: cambria, georgia, serif;font-size: 11px; padding:0px; margin-right: 0%; margin-left : 15%; padding-left: 40px;}
    .QS {font-size: 10px;}
    .QSi {font-size: 10px; font-style: italic}
    .QSl {font-size: 10px;}
    .QSil {font-size: 10px; font-style: italic}
  }