/*Color Notes:
#fff9d4 - Yellow
#f38bc1 - Pink
#6c3a9e - Purple
#190d48 - Blue
*/

/*BASE ELEMENT */
body {
  /*Background*/
  background:url('/images/estellux_background.png') repeat;
  
  /*Text formatting*/
  color:#fff9d4;
  font-family:arial;
  font-size:14px;
  /*font-variant:small-caps;*/
  
  margin:1em 0 1em 0;
}


p {
  /*Allows for margin/padding control through containers, not paragraphs */
  padding:0;
  margin:0;
}

.center {
  text-align:center;
  text-indent:0;
}

/*Links Section*/
/* unvisited link */
a:link {
  color: #f38bc1;
}

/* visited link */
a:visited {
  color: lightblue;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: purple;
}


/*Major sections, where readability is paramount*/
.sect {
  border-style:solid;
  border-width:3px;
  border-color:#f38bc1;
  border-radius:10px;
  
  background-color:#190d48;
}

/*Minor blocks of info, currently used for adoptable site information*/
.infobox {
  border-style:dashed;
  border-width:1px;
  border-color:#6c3a9e;
  border-radius:3px;
  display: inline-block;
  list-style-type: none;
  margin:1em;
  padding:.5em;
  font-size:14px;
  
/*Elements taken/abandoned from associated headers*/
  text-align:inherit;
  text-indent:0;
  text-decoration:none;
  font-variant:none;
}



/*Grid information, controls layout of site*/
.layout {
  /*Grid alignment and size*/
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  
  /*Grid template*/
  display: grid;
  grid-template-columns: minmax(min-content, 150px) auto minmax(min-content, 150px);
  grid-template-rows: 80px auto 80px;
  column-gap: .5em;
  row-gap: 1em;
}

/*Subsections*/
section {
  border-style:solid;
  border-width:2px;
  border-color:#6c3a9e;
  border-radius:5px;
  
  padding:.5em;
  margin:0;
}


header {
  /*Grid Info*/
  grid-column: 1 / span 3;
  grid-row:1;
  
  /*Flex elements within header*/
  display:flex;
  align-items:center;
  justify-content:center;
  
  /*Font info for header text*/
  color:#fff9d4;
  text-shadow: 0 0 3px #6c3a9e;
  font-variant:small-caps;
  font-family:times;
}

nav {
  /*Grid Info*/
  grid-column:1;
  grid-row:2;
  
  margin-left:1em;
  padding:.5em;
  
  font-variant:small-caps;
  list-style-type:none;
}

/*Primary and Secondary Nav <P> formatting*/
nav p, aside p {
  text-align:center;
  font-size:14px;
}

/*Primary and Secondary Nav <h1> formatting*/
nav h1, aside h1 {
  text-align:center;
  font-size:16px;
  color:#f38bc1;
  
  
  padding: 0;
  margin:1em 0 .5em 0;
  border-top: 1px solid #f38bc1;
  border-bottom: 1px solid #f38bc1;
}

/*MAIN AREA INFO*/
main {
  /*Grid Info*/
  grid-column:2;
  grid-row:2;
  
  padding:1em;
  text-align:left;
  text-indent:10px;
}

/*Primary Headers within MAIN -- Usually the only one at the top*/
main h1 {
  text-align:center;
  font-size:25px;
  text-indent:0;
  font-variant:small-caps;
  
  padding: 0;
  margin:1;
  border-bottom: 5px double #6c3a9e;
  color:#fff9d4;
}

/*Secondary Headers within MAIN -- Usually section headers*/
main h2 {
  text-align:left;
  font-size:20px;
  text-indent:10px;
  font-variant:small-caps;
  
  padding: 0;
  margin:1em 0 .5em 0;
  border-bottom: 2px solid #f38bc1;
  color:#f38bc1;
}

/*Tertiary Headers within MAIN -- Usually subsection headers*/
main h3 {
  text-align:inherit;
  font-size:18px;
  text-indent:inherit;
  font-variant:small-caps;
  
  padding: 0;
  margin:1em 0 .5em 0;
  text-decoration: underline #f38bc1 double;
  color:#f38bc1;
}

/*H4 Headers within MAIN -- Usually sub-subsection headers*/
main h4 {
  text-align:inherit;
  font-size:16px;
  text-indent:inherit;
  font-variant:small-caps;
  
  padding: 0;
  margin:1em 0 .5em 0;
  font-weight:bold;
  color:#f38bc1;
}

/*Written elements within MAIN*/
main article {
  padding:0 0 .5em 0;
  margin:.5em;
  
  text-indent:25px; 
}

/*All summary elements within MAIN -- To go INSIDE header elements to better describe said headers*/
main summary {
  padding:0;
  margin:0;
  font-style: italic;
  font-size:12px;
  
/*Elements taken/abandoned from associated headers*/
  text-align:inherit;
  text-indent:inherit;
  text-decoration:none;
  font-variant:none;
}

/*Container elements within MAIN*/
main section {
  padding:0;
  margin:0;
  border-style:solid;
  border-width:1px;
  border-color:#6c3a9e;
  border-radius:5px;
}

aside {
  /*Grid Info*/
  grid-column:3;
  grid-row:2;
  
  margin-right:1em;
  padding:1em;
  
  font-variant:small-caps;
}

footer {
  /*Grid Info*/
  grid-column: 1 / span 3;
  grid-row: 3;
  
  text-align:center;
  
  border-left:0;
  border-right:0;
  border-radius:0;
}