/* RESET CSS
   http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, button, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 background-color: transparent;
 text-decoration: none;
}

input[type="placeholder"],
input[type="password"],
input[type="text"],
input[type="submit"],
textarea,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}

/* textarea, input, button { outline: none; } */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 line-height: 1;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}


/*beginning of custom CSS*/

main {
  background-color: black;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  /* overflow: auto; */
  display: flex;
  flex-direction: column;
  justify-content: left;

  letter-spacing: 1px;
  line-height: 120%;
  font-size: 90%;
  color: white;



  font-family: 'Cantarell', sans-serif;
  /* font-family: Courier; */
  /* font-family: 'Raleway', sans-serif; */
  /* font-family: 'Roboto', sans-serif; */
  /* font-family: 'Montserrat', sans-serif; */
  /* font-family: 'Bitter', serif; */
  /* font-family: 'Hind', sans-serif; */
  /* font-family: 'Domine', serif; */
  /* font-family: 'Crimson Text', serif; */
}

h1 {
  font-size: 2.5em;
  letter-spacing: 2px;
  font-family: 'Fjalla One', sans-serif;
  /* font-family: 'Lobster', cursive; */
  /* font-family: 'Courgette', cursive; */
  /* font-family: 'Fugaz One', cursive; */
  /* font-family: 'Merriweather', serif; */
  /* font-family: 'Montserrat', sans-serif; */
  /* font-family: 'Libre Baskerville', serif; */

}

h2 {
  font-family: 'Fjalla One', sans-serif;
  font-size: 1.75em;
  text-decoration: bold;
}

h3 {
  font-family: 'Fjalla One', sans-serif;
  font-size: 1.5em;
  text-decoration: bold;
}

h4 {
  font-family: 'Fjalla One', sans-serif;
  font-size: 1.25em;
  text-decoration: bold;
}

h5 {

}

h6 {
  /* used for footer */
  font-size: 0.75em;
}


#head {
  /* background-color: pink; */
  width: 100%;
  margin: 10px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
}

#headline {
  /* background-color: gray; */
  margin: 20px 10px 5px 10px;
  padding: 5px 10px 5px 10px;
  display: flex;
}

#landingPage {
  /* background-color: lightblue; */
  width: 100%;
  margin: 0px 10px 0px 10px;
  padding: 5px 10px 5px 10px;

  flex: 1;

  /* display: flex; */
  /* flex-direction: column;
  justify-content: left;
  align-items: left;  */
}

#landingPage a {
  text-decoration: underline;
  color: white;
  &:hover {
    cursor: pointer;
  }
}

#temp {
  /* background-color: lightgreen; */
  margin: 0px 10px 0px 10px;
  padding: 5px 10px 5px 10px;
}

#api {
  /* background-color: yellow; */
  margin: 15px 10px 5px 10px;
  padding: 5px 10px 5px 10px;
}

#apiHeader {
  /* background-color: pink; */
  margin: 10px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
}

#apiBody {
  /* background-color: orange; */
  margin: 2px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  display: flex;
  flex-direction: row;

}

.apiSubSection {
  /* background-color: lightgreen; */
  margin: 0px 5px 0px 0px;
  padding: 10px 5px 10px 5px;

  display: flex;
  flex-direction: column;
}

#splitter {
  width: 25px;
}

.apiSubHeader {
  /* background-color: pink; */
  margin: 0px;
  padding: 10px 0px 10px 0px;
}

.apiTableHeader {
  /* background-color: lightblue; */
  margin: 10px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
}

.endpointTable {
  margin: 5px;
  padding: 5px;
}

.endpointTable li {
  list-style-type: circle;
  /* background-color: gray; */
  line-height: 140%;
  padding: 5px;
  margin: 2px 5px 2px 10px;
}

#foot {
  /* background-color: pink; */
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0;
}

#footline {
  /* background-color: gray; */
  margin: 0px 10px 0px 10px;
  padding: 5px;
  diplay: flex;
}

/* <footer id="foot">
    <div id="footline">
        <h6>www.chrisbrickey.com</h6>
    </div>
</footer> */


#map {

}

#search {

}

#filter {

}

#listings {

}

#addRetailer {

}