/*For all files site wide*/
/* Thou shalt not code any containers in this file, wrap not so much either */

article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; } 

section {
	padding: 0 10px 0 10px;
}

h1, h2, h3 {
    text-align:center;
}

h2, h3 {
	font-family: Roboto, Arial, Helvetica, sans-serif;
}

img {
	max-width: 100%;
}

.dflex {
    display: flex;
} 

/*This code marks the first flex div for 1-pagers */
/*Gate nav graphic styles*/

.nojs{
 	display:flex;
    align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: stretch;
	-webkit-align-items: stretch;
   }	

/*Code to "grow" active images with transition, not js */
.grow {
	transform: scale(1.0);
    position: relative;

}
.grow:hover{
	transform: scale(1.05)
}

/* Remove link <a> color for transition images that are links*/

a.noglo:visited {
    color:  rgb(0,0,0,0);
     }
    
a.noglo:hover{
    background-color:  rgb(0,0,0,0);;
     }

a.noglo:active {
    background-color:  rgb(0,0,0,0);;
         } 
		    
/* End image scale transistion code    

/* make old HRs */

.hr {
	width:85%;
	text-align:center;
	margin-top:5px;
	margin-left:auto; 
	margin-right:auto; 
	border-top-color: purple; 
	border-top-width: 3px; 
	border-top-style:solid;
}

.temphr{
	width:75%; 	
	height: .05em; 	
	background-color:#cccccc; 
	text-align:center; 
	margin:auto;
}	

.topcom{ /*style for navigation to top of document*/
text-align: right;
	margin-right: 1rem;
	border: 0;
}

.nav-plain {
	text-align: center;
	width: 85%;
	margin: 4px auto 12px auto;
}
/*Layout Control*/

.wrap{
	width: 88%;
	margin: 0 auto;
}

.mid{
	width: 80%;
	margin: 0 auto;
}

.ccen {
	width: 70%;
	margin: 0 auto;
}

/* Astra Starwoman presentation */
.sw{
    max-width: 55em;
    margin: 5px auto;
    background-image: url("../images/sw-back.png");
    background-size: cover;
}

/*Some Styles for the whatis page or blue junk background*/

.blutil{
	background:url(../images/link_background.gif);
}

.blkback {
	background-color: black;
}

table.whatis{ 
	border-spacing: 2px;
	border: 5px solid #cceeff;
}

td.a {
      border: 2px solid #e6f7ff; 
      padding: 10px;
         }
		 
/*Style for link blocks and comments, link = link text*/
/*For divs change <p> tag margin from 1em, top and bottom*/
.links > p {             
	margin: 0;
}

/*Astra's comments - See various color files*/		


/*make separations between link reference*/
.lsp{                    
	margin-top: .7em !important;
}

/*-----------------End of <p> reset-------------------*/

/*2020 update temp styles, ie, about ecliptic*/

.smd{
	width: 60%;
	margin: 0 auto;
}

table.inclin{
      border: 3px solid #e6f7ff;;
      padding: 2px;
	  text-align: center;
         }

tr.inclin > td {
	  border: 1px solid #fff; 
      padding: 5px;
         }
	
th.inclin {
	  border: 1px solid #fff; 
      padding: 5px;
         }

	
/*Col Styles */

.cols{
	column-count: 2;
}
		 
/*Text Styles */

.ital{
	font-style:italic;
}

.bold {
	font-weight:bold;
}

.bolder { 
	font-weight:bolder;
}

.norm {
	font-weight:400;
}

.ltext {
	text-align:left;
}
	
.acen {
	text-align:center;
}

.center {   /*Yes, 2 commands for centering use acen*/
			/*OK I changed the index page to centre because it used this class*/
	text-align: center;
}

.lalign{
	text-align: left;
}

.ralign{
	text-align: right;
}

/*Styles for floating things*/

.clear{
	clear: both; 
}

.fixflo {
	display: flow-root;
}
	
.fright{
	float: right;
	margin-right: .5em;
	max-width: 100%;
	
}

.flight{
	float: left;
	margin-left: .5em;
	max-width: 100%;
}	

/* Stargate Color Styles for Text, Borders, etc.*/

.dkblue {color:#009;}
.bur {color:#303;}
.cyan {color: #00ffff}
.cyanb {color: #00ffff; font-weight: bold; }
.lmag {color:#ff99ff;}

.ltpink{color:#ffcccc;}
.mag {color:#ff00ff;}
.pink {color:#ffccff;}
.red{color:#ff0000;}
.teal {color: #00b3b3;}
.white {color: #ffffff}
.purple {color: #b300b3;}
.mauve {color: #87629a; }
.ltyel {color: #fffff4}

/* add some space with bold text */

.readsp {
	letter-spacing: 1px;
}
/* change default/styled font type of some element  - from sg-black*/

.sans{
    font-family: Roboto, Arial, Helvetica, sans-serif;
 }

.serif{
	font-family: "Source Serif Pro", "Times New Roman", Times, serif;
}	

/*	IMAGE Styles - why not use .flight and .fright ? */	

/*	Adjust Oversized Images*/	
.timg{
	display: block;
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
/*	Float Images Left*/	
.limg{
	float:left;
	margin-left:auto;
	margin-right:auto;
	padding:4px;
}
/*	Float Images Right*/	
.fimg {
	float:right;
	margin-left:auto;
	margin-right:auto;
	padding: 4px;
	}
	
.rimg {
	float:right;
	 margin: 0 5px 5px 5px;
}
	
.aimg {
	float: right;
	margin: 1px;
	 }
	
/*	Center Small Images - place in div with acen style*/	
.cimg {
	margin-left: auto;
	margin-right: auto;
	}
	
.medimg{
	max-width:80%;}
	
/*	Make image a bit small*/	
.simg {
	 max-width:45%;
	 }	
	
/*	Make image small*/	
.smimg {
	 max-width:25%;
	 }
	 
/*Controls for Margins and Padding*/

.one-em{
	padding: 1em;
}
	
.ipad {
	margin:.5em;
}

.topad { 
	padding: 35px 0px 5px 0px;
}

.bomar {
	margin-bottom: 1em;
	}

.realpad {
	padding: .5em;
}

.padem {
	padding-right: 1em;	
	padding-left: 1em;
}

.padsides {
	padding-right: .5em;	
	padding-left: .5em;
}

.mopad {
	margin: 3rem;
}

.narrow {
	margin-left:3em; 
	margin-right:3em;
	}

.narrower {
	margin-left:10em; 
	margin-right:10em;
	}

.indent {
	margin-left: 20px; 
	margin-right:20px;
	}

.indent-more {
	margin-left: 50px; 
	margin-right:30px;
	}

.indentp {
	text-indent: 2em;/*1stline of txt*/
} 

.smwidth {
	margin: .5em 5em .5em 5em; 
	text-align: center;
	}

.bor{
	border: solid 1px; 
	border-color: #000 ;
}

.bbor{
	border:	solid 1px; 
	border-color: #009;
}

/*Navigation for page Top*/
#gatenav {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}
	
/*	Stargate Housekeeping Navigation Block - page Bottom*/		
#gateway{
	width:90%;
	 font-weight:bold; 
	 text-align:center;
	 margin: 5px, auto;
	 margin-left:auto;
	 margin-right:auto;
	 padding: 1em 0; 
	 border-top-color: purple;
	 border-top-width: 5px;
	 border-top-style:solid;
 }

#gateway ul
	{list-style-type: none;
}

#gateway li
	{display:inline;
}

#gateway a:hover{
	color:#1e90ff;
	background:#dcdcdc;
	}
	
.gateway {
	text-align:left;
	}

#showMe{
	display: none;
}

	
/*more 2020 update temp not sorted BacktoTop smoothscroll	
mac{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}*/	

img.mac1{
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
	border-radius: 50px;
	position: relative;
	z-index: 100;
}	

 -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)	
	
#back-to-top-btn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 26px;
	width: 50px;
	height: 50px;
	background-color: #00ffff;
	color: #333;
	cursor: pointer;
	outline: none;
	border: 3px solid #333;
	 -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
	border-radius: 50px;
	 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
  /*  transform: translate3d(0,0,0); */
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	transition-property: background-color, color;
	/*z-index: -1;  first fix attemp - zIndex and bor-rad at 100%*/
   }	

#back-to-top-btn:hover, #back-to-top-btn:focus {
	background-color: #006666;
	color: #fff;
}
/*Animations*/
btnEntrance {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: btnEntrance;
}

/*fadeInUp */
@keyframes btnEntrance{
	from{
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	to{
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

btnExit {
	animation-duration: 0.25s;
	animation-fill-mode: both;
	animation-name: btnExit;
}

/*fadeOutDown */
@keyframes btnExit{
	from{
		opacity: 1;
		}
	to{
		opacity:0;
		transform: translate3d(0, 100%, 0);
	}
}