/* -- screen size mobile phone Moon PhaSE tEXT -- */
@media (max-width:991px) {
  .moonPhaseText{
    /* line-height: normal; padding:5px */
    /* color: #ccc; */
    padding: 15px;
    /* text-align: right; */
  }
}

.moonPhaseImage{/* width: 100%; */padding:15px;filter: drop-shadow(4px 3px 10px #7400aa);}

.moonPhaseImageDiv{padding-left: 0px; padding-right: 0px;}

.moonPhaseSubmenu{ display: flex;}

.moonPhaseSubmenuIcon{ width: 33%; font-size: .5em;}

.moonPhaseSubmenu:first-of-type{ background-color: pink;}

.moonPhaseList{ padding-top: 4px; line-height: 1.25;}

.moonDistancePerigree{
  /* padding-top:10px */
  line-height: 1.2;
  padding-top: 1px;}

/*-------- imported from standard.css -------*/

/* Degrees Numbers on top */
.summary-moon-title { font-size: 1.6em; margin: 0;}

.moon-images { height: 160px; width: 120px; float: left;}

.moon
{
	background: #011020 url(images/bg1_01.jpg) repeat-x left top;
	height:20px;}

.planetImageMoon {
    width: 100%;
    float: left;
    padding-bottom: 5px;
    /* padding-top: 5px; */
    padding-left: 5px;
    padding-right: 10px;
    margin-right: 0px;
    filter: drop-shadow(1px 1px 3px #8300aaff) brightness(0.8);
}
.oobSymbol{
  padding: 0px;
}

.oobPlanetSymbol{
  width: 75%;
  padding-left: 20%;
  /* padding-right: 20%; */
  float: left;
  padding-bottom: 5px;
  padding-top: 10px;
  margin-right: 0px;
}

.moonZodiac{}
.summary-moon {
  line-height: 1.3;
    /* font-size:1.4em; */}
.summary-moon-title {

  line-height: 1.3;
    /* font-size:1.4em; */}

.summary-moon-widget {
  font-size: 0.7em;
  line-height: 1.3;
    /* font-size:1.4em; */}
.summary-moon-widget-title {
  font-size: 0.8em;
  line-height: 1.3;
    /* font-size:1.4em; */}
.moonPhaseDate{
  padding-top:15px;
  /* padding:0px; */
  text-align: right;
  padding-left: 8px;
  font-weight: bold;}

.tarotImageMoon{
  /* width: 150px; */
  padding-top: 25px;
  width: 100%;
  /* transform: rotate(-4deg); */
}

.moonimg{ width:100%; }

.summary-moon-img {
    width: 85%;
    clear: both;
    display: block;
    margin: 0 auto;}

.moonCopyText{
  clear:both;
  padding:10px;
  /* color: #dcf; */
  line-height: 1.3;}

.sabianSymbol{
  margin: 0px;
  padding: 30px;
  text-align:center;
  font-size:1.2em;*/
  }

.sabianSymbolBox{}

.sabianTitle{
  text-align: center;
  margin:0px;
  padding: 0px;
  transform: translate(0px, 8px);}

.moonimg {
    width: 50%;
    left: 84px;
    top: 19px;
    position: absolute;
    margin: auto;
    display: block;}


/* --- Moon Specific Animations --- */
@keyframes slightFadeCycle{0%{opacity: .3}; 50%{opacity: .7}; 99%{opacity: .3};}
@keyframes moonEnterAnim{0%{opacity: 0;} 100%{opacity: 1;}}

/* --- Void of Course CSS --- */
.vocHeaderTitles{}
.vocTableCell{padding:0px; padding-top:5px; padding-bottom:5px}
.vocNextSignSymbol{width:100%;padding-bottom:0px;float:none;filter: drop-shadow(4px 3px 6px #7400aa);}
.vocNextSignString{}
.vocMoonTable{padding:0px; padding-top:5px; padding-bottom:5px;}
.vocDiv{margin:0 auto; text-align:center;}
.vocPlanetListDates{}
.vocAspectSymbol{}
.vocCellTime{padding: 0px; padding-top: 10px;}
.vocCellStr{padding-top: 10px;padding-right: 0px;}

.planetListDates{
  padding-top: 20px;
  line-height: 1.5;
  font-weight: normal;
  /* letter-spacing: .05; */
}

.planetListTime{
  line-height: 1.5;
}

/* --- Moon Transit --- */
.moonTransitBegin{padding:0px; text-align:left; padding-left:5px; font-weight:bold;}
.moonTransitPhrase{padding-left:5px}
.moonTransitSign{display:none}


.oobTable{
  border: 0px solid;
  /* line-height: 1; */
}


.oobItem{

  float:left;
  padding-top: 5px;
  padding-bottom: 5px;
}