:root {
  --md-primary-fg-color:        #f68d28;
  /* --md-primary-fg-color--light: #ECB7B7;
  --md-primary-fg-color--dark:  #90030C; */
}


#learnHeader {
  display: block;
  width: max-content;
  margin: 0 auto;
  font-size: 2.7em;
  text-align: center;
  white-space: nowrap;
}

.banner {
  position: relative;
  margin: auto;
  width: 100%;
  overflow: auto;
  background-repeat: no-repeat;
}

.blue {
  color: #25aae1;
}

.orange {
  color: #f68d28;
}

.dot {
  height: 0.3em;
  width: 0.3em;
}

.banner img {
  width: 100%;
  box-shadow: 0px 0px 50px 5px #090a0c inset;
  -moz-box-shadow: 0px 0px 50px 5px #090a0c inset;
  -webkit-box-shadow: 0px 0px 50px 5px #090a0c inset;
  -o-box-shadow: 0px 0px 50px 5px #090a0c inset;
}

.bannerImage {
  width: 100%;
  box-shadow: 0px 0px 50px 5px #090a0c inset;
  -moz-box-shadow: 0px 0px 50px 5px #090a0c inset;
  -webkit-box-shadow: 0px 0px 50px 5px #090a0c inset;
  -o-box-shadow: 0px 0px 50px 5px #090a0c inset;
}

.bannerText {
  height: 45%;
  width: 100%;
  position: absolute;
  top: 25%;
  text-align: center;
  background-color: #090a0c; /* #090a0c */
  margin: 0;
  padding: 2.5% 5%;
  border-top: 4px solid #090a0c;
  border-bottom: 4px solid #090a0c;

  box-shadow: inset 0px 2px 0 0px #fefffe, inset 0px -2px 0 0px #fefffe;
  -moz-box-shadow: inset 0px 2px 0 0px #fefffe, inset 0px -2px 0 0px #fefffe;
  -webkit-box-shadow: inset 0px 2px 0 0px #fefffe, inset 0px -2px 0 0px #fefffe;
  -o-box-shadow: inset 0px 2px 0 0px #fefffe, inset 0px -2px 0 0px #fefffe;
}

.headerText {
  text-align: center;
  background-color: #090a0c; /* #090a0c */
  margin: 2.5% 0;
  padding: 0 5%;
}

.iconHolder {
  margin: 20px 0;
}
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

.row {
  margin: 0 auto;
  text-align: center;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}
.learnIcon {
  border-radius: 30px;
  text-align: center;
  padding: 10% 0;
}

.learnIcon:hover {
  box-shadow: 0px 0px 4px 2px #25aae1, 0px 0px 4px 2px #25aae1 inset;
  -webkit-box-shadow: 0px 0px 4px 2px #25aae1, 0px 0px 4px 2px #25aae1 inset;
  -moz-box-shadow: 0px 0px 4px 2px #25aae1, 0px 0px 4px 2px #25aae1 inset;
  -o-box-shadow: 0px 0px 4px 2px #25aae1, 0px 0px 4px 2px #25aae1 inset;

  -webkit-transition-duration: 0.4s;  /* Safari */
  -moz-transition-duration: 0.4s;     /* Mozilla */
  -o-transition-duration: 0.4s;       /* Opera */
  transition-duration: 0.4s;
}

.learnIcon .image{
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: 125px;
}

.label {
  margin: 0 auto;
  /* font-family: 'Oswald'; */
  font-size: 1.4em;
  letter-spacing: 0.04em;
  text-align: center;
  z-index: 1;
}

.md-header, input, header {
  background-color: inherit;
  color: inherit;

  /* font-family: 'Oswald'; */
  font-weight: normal;
  font-style: normal;
}

hr {
  width: 100%;
  padding: 2px 0 !important;
}

footer {
  display: none;
}

.darkButton {
  float: right;
  margin: 10px;
  vertical-align: center;
  content: " " !important;
  display: block;
}

html .md-nav--primary .md-nav__title:before {
  color: inherit;
}

.md-nav__title {
  padding-bottom: 0.625em;
}

.md-nav__link {
  margin-top: 0;
  padding-bottom: 0.625em;
}

/* theme switch */
.theme-switch-wrapper {
  display: inline-block;
  align-items: center;
  float: right;
}

.theme-switch {
  display: inline-block;
  height: 16px;
  position: relative;
  width: 32px;
}

.theme-switch input {
  display: none;
}

.slider {
  background-color: #f68d28; /* BLUE: #25aae1  ORANGE: #f68d28 */
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider:before {
  background-color: #fff;
  bottom: 2px;
  content: "";
  height: 12px;
  left: 2px;
  position: absolute;
  transition: .4s;
  width: 12px;
}

input:checked + .slider {
  background-color: #25aae1;
}

input:checked + .slider:before {
  transform: translateX(16px);
}

.slider.round {
  border-radius: 8px;
}

.slider.round:before {
  border-radius: 50%;
}
/* * * * * * * * * * * * * * * * * */

.md-typeset h1, h2, h3, h4, h5, h6 {
  color: inherit;
  width: 75%;
  display: inline-block;
  font-family: 'Oswald';
  font-weight: normal;
  font-style: normal;
}

.md-typeset hr {
  border-bottom: 1px solid;
  border-color: inherit;
  color: inherit;
  background-color: transparent;
  margin: 1.5em 0 0 0;
}

body .md-typeset {
  color: inherit;

  font-family: 'DDINRegular';
  font-weight: normal;
  font-style: normal;
}

.mode {
  height: 30px;
  width: 30px;
  border-radius: 4px;
  background-color: purple;
}

.dark {
  color: white;
  background-color: #090a0c;
}

.light {
  color: #444444;
  background-color: white;
}

/* Mobile Friendly Nav bar */
.md-nav__title--site {
  color: inherit;
  background: inherit;
}

.md-nav__link[data-md-state=blur] {
  color: #777777;
}

/* Hover over nav bar text */
.nav__link--active, .md-nav__link:active, .md-nav__link:focus {
  color: #f68d28 !important; /* orange */
}
/* color of selected nav bar text */
.md-nav__link--active, .md-nav__link:active {
  color: #f68d28; /* orange */
}

.md-nav__link:hover {
  color: #25aae1; /* blue */
}

/* Links in text blue */
.md-typeset a {
  color: #25aae1;
}

/* hover links in text orange */
.md-typeset a:hover {
  color: #f68d28;
}

.button {
  border-bottom-width: 2px;
  border-bottom-style: solid;

  background-color: inherit; /* #090a0c */
  color: inherit; /* white */
  height: 30px;
  /*width: 85%; 12em*/
  width: auto;
  text-align: center;
  text-decoration: none;
  font-family: 'DDINRegular';
  font-weight: 500;
  font-style: normal;
  position: relative;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;

  margin: 0 auto 2% auto;
  vertical-align: middle;
}

/*.button:after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0%;
  border-bottom: 2px solid #007934; 
  transition: width 0.5s ease !important;
  box-sizing: border-box;
}*/

.storeButton:hover {
  /*background-color: #007934;*/
  /*color: #007934;*/
  transition: width 0.5s ease;
  border-bottom: 2px solid #007934; /* 2px solid #2DAAE1 */
}

.learnButton:hover {
  /*background-color: #f79122;*/
  /*color: #f79122;*/
  transition: width 0.5s ease;
  border-bottom: 2px solid #f79122; /* 2px solid #2DAAE1 */
}

.libraryButton:hover {
  /*background-color: #69488e;*/
  /*color: #69488e;*/
  transition: width 0.5s ease;
  border-bottom: 2px solid #69488e; /* 2px solid #2DAAE1 */
}

.downloadButton:hover {
  /*background-color: #26aae0;*/
  /*color: #26aae0;*/
  transition: width 0.5s ease;
  border-bottom: 2px solid #26aae0; /* 2px solid #2DAAE1 */
}

/*#smallButton {
  width: auto;
  padding-right: 4%;
  padding-left: 4%;
}*/

#smallTable {
  margin: 0 auto;
  width: 75%;
}

#smallerTable {
  margin: 0 auto;
  width: 50%;
}

.linkTable {
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;

  background-color: inherit; /* #090a0c */
  color: inherit; /* white */
  font-family: 'DDINRegular';
  font-weight: bold;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  line-height: 2em;
  border: 1px solid #63666a;
  border-bottom: 1px solid #63666a;
  font-size: 16px;
}

.linkTable .linkTableRow {
  display: inline-block;
  width: 50%;
  height: 100%;
}

.linkTable thead tr th {
  /*color: #090a0c;*/
  color: inherit;
  /*background-color: #25aae1;*/
  /* use header font for table headers */
  font-size: 20px;
  font-family: 'Oswald';
  font-weight: normal;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.03em;
  border-bottom: 1px solid #63666a;
}

.linktable tbody td {
  vertical-align: middle;
}

/* all except first and last */
.linkTable td:not(:first-child) {
  border-left: 1px solid #63666a;
}



.linkTable2 {
  border: 1px solid #63666a;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;

  /*white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;*/
  background-color: inherit; /* #090a0c */
  color: inherit; /* white */
  font-family: 'DDINRegular';
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  line-height: 2em;
  font-size: 16px;
}

.linkTable2 tr {
  background-color: inherit;
  border-bottom: 1px solid #63666a;
}

.linkTable2 th {
  /* font-family: 'Oswald';
  font-weight: normal;
  font-style: normal;
  font-weight: normal; */
  letter-spacing: 0.03em;
}

.linkTable2 th, .linkTable2 td {
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 600px) {
  .linkTable2 {
    border: 0;
  }

  .linkTable2 caption {
    font-size: 1.3em;
  }
  
  .linkTable2 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .linkTable2 tr {
    border: 1px solid #ddd;
    padding: 0 .625em;
    /*border-bottom: 2px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;*/
    display: block;
    margin-bottom: .625em;

    /* font-family: 'Oswald'; */
    font-size: 1em;
    letter-spacing: 0.04em;
  }

  .linkTable2 td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  .linkTable2 td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    /* font-family: 'Oswald'; */
    font-size: 1em;
    letter-spacing: 0.04em;
  }
  
  .linkTable2 td:last-child {
    border-bottom: 0;
  }
}


/* this is all for the fancy TC dropdowns */
summary::-webkit-details-marker { /* Safari */
  display: none
}
summary::-moz-details-marker { /* Mozilla */
  display: none
}
summary::-o-details-marker { /* Opera */
  display: none
}

summary:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni45%0D%0AIDU2LjI3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzI2YWFlMDt9PC9zdHlsZT48L2RlZnM+%0D%0APHRpdGxlPkFzc2V0IDE8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIi%0D%0APjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0x%0D%0AIiBkPSJNNTYuNjQsNTQuODljLS4yNC0uMjItLjQ4LS40My0uNy0uNjZRNDQuNTMsNDIuODMsMzMu%0D%0AMTEsMzEuNDJhMS4yMSwxLjIxLDAsMCwxLS4zNC0xLjcsNCw0LDAsMCwwLTEuMzgtNS4xLDQuMTIs%0D%0ANC4xMiwwLDAsMC01LjIuMjksNC4xOSw0LjE5LDAsMCwwLS45LDUuMTMsNC4xMiw0LjEyLDAsMCww%0D%0ALDQuOTEsMiwxLjIyLDEuMjIsMCwwLDEsMS40Ni4zMXExMS40NiwxMS41MywyMywyM2ExLDEsMCww%0D%0ALDEsLjQ3LjgxLDQxLjMzLDQxLjMzLDAsMCwwLTUuMzQsMGMtMy4yNy40NC01LjYxLS43MS03Ljc5%0D%0ALTMuMTgtMy4yNC0zLjY4LTYuODctNy0xMC4zMi0xMC41NEE2LjQ2LDYuNDYsMCwwLDAsMjkuNSw0%0D%0AMWMtNC42NS0xLjkzLTkuMjctMy45Mi0xMy45MS01Ljg0YTEuMjcsMS4yNywwLDAsMS0xLTEuMzYs%0D%0ANC4wNyw0LjA3LDAsMCwwLTMuMzMtNCw0LjE2LDQuMTYsMCwwLDAtNC43NiwyLjU2QTQuMjMsNC4y%0D%0AMywwLDAsMCw4LDM3LjI5YTQuMDgsNC4wOCwwLDAsMCw1LjM2LS40NSwxLDEsMCwwLDEsMS4zNC0u%0D%0AMjRxNy4yMiwzLjA3LDE0LjQ1LDYuMTFhNC4xOSw0LjE5LDAsMCwxLDEuMzQsMUw0Miw1NS4yN2Mu%0D%0AMTkuMTkuMzcuNC41Mi41OC0uMTEuMzItLjMzLjI5LS41Mi4yOC01LjQzLS4wNi0xMC44Ny4xOC0x%0D%0ANi4zLS4xM0MxMy43MSw1NS4zMiwyLjQsNDUuMTcuNDcsMzMuNGMtMS41NC05LjM1LjY3LTE3LjYy%0D%0ALDcuMjctMjQuNTNBMjcuODMsMjcuODMsMCwwLDEsMjkuODMsMCwyOC4zMiwyOC4zMiwwLDAsMSw1%0D%0ANi42NiwyNS4xMWMuNDcsNC41OC4xLDkuMTkuMTgsMTMuNzgsMCwxLjg3LDAsMy43NSwwLDUuNi0u%0D%0AMzcuMTYtLjQ4LS4xMi0uNjQtLjI3LTMtMi45NS02LTUuOTEtOS04Ljg1YTEuOTEsMS45MSwwLDAs%0D%0AMS0uNjYtMS41N2MuMTUtMy42My4yNS03LjI2LjQyLTEwLjlhMS44OCwxLjg4LDAsMCwwLS43LTEu%0D%0ANTRjLTMuMDgtMy02LjEzLTYuMDgtOS4yMi05LjFhMS4zMiwxLjMyLDAsMCwxLS40Mi0xLjY1LDQu%0D%0AMDksNC4wOSwwLDAsMC0xLjgyLTUsNC4xOSw0LjE5LDAsMCwwLTUuNTMsNiw0LjA4LDQuMDgsMCww%0D%0ALDAsNSwxLjQyLDEuMTUsMS4xNSwwLDAsMSwxLjUzLjI2cTQuMjcsNC4zLDguNjEsOC41MmEyLjEz%0D%0ALDIuMTMsMCwwLDEsLjcyLDEuNzljLS4xMywzLjU1LS4xOCw3LjExLS4zMSwxMC42NmEyLjEzLDIu%0D%0AMTMsMCwwLDAsLjcsMS43N2MzLjU1LDMuNDYsNyw3LDEwLjU5LDEwLjQ1YTIuMDgsMi4wOCwwLDAs%0D%0AMSwuNzEsMS42N2MwLDEuOTIsMCwzLjg0LDAsNS43NkM1Ni44Myw1NC4yOCw1Nyw1NC42Miw1Ni42%0D%0ANCw1NC44OVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zMS40NCwyOEEyLjQ1LDIuNDUsMCww%0D%0ALDEsMjksMzAuNTFhMi40OSwyLjQ5LDAsMCwxLTIuNDYtMi40NEEyLjU0LDIuNTQsMCwwLDEsMjks%0D%0AMjUuNTUsMi41LDIuNSwwLDAsMSwzMS40NCwyOFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0z%0D%0AMi43OCwxMS43NGEyLjQ4LDIuNDgsMCwxLDEtLjEtNC45NSwyLjQ4LDIuNDgsMCwxLDEsLjEsNVoi%0D%0ALz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMC40MSwzMS40OGEyLjQsMi40LDAsMCwxLDIuNTEs%0D%0AMi4zNCwyLjQ5LDIuNDksMCwwLDEtMi40OSwyLjUyQTIuNDEsMi40MSwwLDAsMSw4LDMzLjg0LDIu%0D%0AMzYsMi4zNiwwLDAsMSwxMC40MSwzMS40OFoiLz48L2c+PC9nPjwvc3ZnPg==);
  float: left; 
  height: 20px;
  width: 20px;
  content: " " !important;
}

summary:after {
  color: #25aae1 !important; /* arrow (right) blue when closed */
}

details {
  border-radius: 0  !important;
  border-left: .1rem solid #25aae1 !important; /* border (left) blue when closed */
}

details[open] {
  border-left: .1rem solid #f68d28 !important; /* border (left) orange when open */
}

details[open] summary:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni45%0D%0AIDU2LjI3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2Y1OGUyYjt9PC9zdHlsZT48L2RlZnM+%0D%0APHRpdGxlPkFzc2V0IDI8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIi%0D%0APjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0x%0D%0AIiBkPSJNNTYuNjQsNTQuODljLS4yNC0uMjItLjQ4LS40My0uNy0uNjZRNDQuNTMsNDIuODMsMzMu%0D%0AMTEsMzEuNDJhMS4yMSwxLjIxLDAsMCwxLS4zNC0xLjcsNCw0LDAsMCwwLTEuMzgtNS4xLDQuMTIs%0D%0ANC4xMiwwLDAsMC01LjIuMjksNC4xOSw0LjE5LDAsMCwwLS45LDUuMTMsNC4xMiw0LjEyLDAsMCww%0D%0ALDQuOTEsMiwxLjIyLDEuMjIsMCwwLDEsMS40Ni4zMXExMS40NiwxMS41MywyMywyM2ExLDEsMCww%0D%0ALDEsLjQ3LjgxLDQxLjMzLDQxLjMzLDAsMCwwLTUuMzQsMGMtMy4yNy40NC01LjYxLS43MS03Ljc5%0D%0ALTMuMTgtMy4yNC0zLjY4LTYuODctNy0xMC4zMi0xMC41NEE2LjQ2LDYuNDYsMCwwLDAsMjkuNSw0%0D%0AMWMtNC42NS0xLjkzLTkuMjctMy45Mi0xMy45MS01Ljg0YTEuMjcsMS4yNywwLDAsMS0xLTEuMzYs%0D%0ANC4wNyw0LjA3LDAsMCwwLTMuMzMtNCw0LjE2LDQuMTYsMCwwLDAtNC43NiwyLjU2QTQuMjMsNC4y%0D%0AMywwLDAsMCw4LDM3LjI5YTQuMDgsNC4wOCwwLDAsMCw1LjM2LS40NSwxLDEsMCwwLDEsMS4zNC0u%0D%0AMjRxNy4yMiwzLjA3LDE0LjQ1LDYuMTFhNC4xOSw0LjE5LDAsMCwxLDEuMzQsMUw0Miw1NS4yN2Mu%0D%0AMTkuMTkuMzcuNC41Mi41OC0uMTEuMzItLjMzLjI5LS41Mi4yOC01LjQzLS4wNi0xMC44Ny4xOC0x%0D%0ANi4zLS4xM0MxMy43MSw1NS4zMiwyLjQsNDUuMTcuNDcsMzMuNGMtMS41NC05LjM1LjY3LTE3LjYy%0D%0ALDcuMjctMjQuNTNBMjcuODMsMjcuODMsMCwwLDEsMjkuODMsMCwyOC4zMiwyOC4zMiwwLDAsMSw1%0D%0ANi42NiwyNS4xMWMuNDcsNC41OC4xLDkuMTkuMTgsMTMuNzgsMCwxLjg3LDAsMy43NSwwLDUuNi0u%0D%0AMzcuMTYtLjQ4LS4xMi0uNjQtLjI3LTMtMi45NS02LTUuOTEtOS04Ljg1YTEuOTEsMS45MSwwLDAs%0D%0AMS0uNjYtMS41N2MuMTUtMy42My4yNS03LjI2LjQyLTEwLjlhMS44OCwxLjg4LDAsMCwwLS43LTEu%0D%0ANTRjLTMuMDgtMy02LjEzLTYuMDgtOS4yMi05LjFhMS4zMiwxLjMyLDAsMCwxLS40Mi0xLjY1LDQu%0D%0AMDksNC4wOSwwLDAsMC0xLjgyLTUsNC4xOSw0LjE5LDAsMCwwLTUuNTMsNiw0LjA4LDQuMDgsMCww%0D%0ALDAsNSwxLjQyLDEuMTUsMS4xNSwwLDAsMSwxLjUzLjI2cTQuMjcsNC4zLDguNjEsOC41MmEyLjEz%0D%0ALDIuMTMsMCwwLDEsLjcyLDEuNzljLS4xMywzLjU1LS4xOCw3LjExLS4zMSwxMC42NmEyLjEzLDIu%0D%0AMTMsMCwwLDAsLjcsMS43N2MzLjU1LDMuNDYsNyw3LDEwLjU5LDEwLjQ1YTIuMDgsMi4wOCwwLDAs%0D%0AMSwuNzEsMS42N2MwLDEuOTIsMCwzLjg0LDAsNS43NkM1Ni44Myw1NC4yOCw1Nyw1NC42Miw1Ni42%0D%0ANCw1NC44OVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zMS40NCwyOEEyLjQ1LDIuNDUsMCww%0D%0ALDEsMjksMzAuNTFhMi40OSwyLjQ5LDAsMCwxLTIuNDYtMi40NEEyLjU0LDIuNTQsMCwwLDEsMjks%0D%0AMjUuNTUsMi41LDIuNSwwLDAsMSwzMS40NCwyOFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0z%0D%0AMi43OCwxMS43NGEyLjQ4LDIuNDgsMCwxLDEtLjEtNC45NSwyLjQ4LDIuNDgsMCwxLDEsLjEsNVoi%0D%0ALz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMC40MSwzMS40OGEyLjQsMi40LDAsMCwxLDIuNTEs%0D%0AMi4zNCwyLjQ5LDIuNDksMCwwLDEtMi40OSwyLjUyQTIuNDEsMi40MSwwLDAsMSw4LDMzLjg0LDIu%0D%0AMzYsMi4zNiwwLDAsMSwxMC40MSwzMS40OFoiLz48L2c+PC9nPjwvc3ZnPg==);
}

details[open] summary:after {
  color: #f68d28 !important; /* arrow (right) orange when open */
}

/* for downloads */
.download ul {
  display: block;
  list-style-type: none;
  text-align: center;
  font-size: 0.9em;
  margin: 0 !important;
}

.download li {
  margin: 1% 0.5% !important;
  padding: 0.2em 1%;
  width: max-content;
  display: inline-block;
  height: 2em;
  border-radius: 20px 20px 0px 20px;
  background-color: #25aae1;

  -webkit-transition-duration: 0.4s;  /* Safari */
  -moz-transition-duration: 0.4s;     /* Mozilla */
  -o-transition-duration: 0.4s;       /* Opera */
  transition-duration: 0.4s;
}

.download a { /* basically, this should fill the li to make clicking easy */
  color: black;
  font-weight: bold;
  margin: 0 !important;
  display: inline-block;
  height: 100%;
  border-radius: 20px 20px 0px 20px;

  -webkit-transition-property: none;  /* Safari */
  -moz-transition-property: none;     /* Mozilla */
  -o-transition-property: none;       /* Opera */
  transition-property: none;
}

.download a:hover {
  color: black; /* need this */
}

.download li:hover {
  background-color: #f68d28;
  /*border: 2px solid #f68d28;*/
}

/* for social media contact buttons at end of each page */
.social ul {
  display: block;
  list-style-type: none;
  text-align: center;
  margin: 20px 0 0 0 !important;
}

.social li {
  margin: 0 3px 0 3px !important;
  padding: 0;
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 20px 20px 0px 20px;
  background-color: #25aae1;
  -webkit-transition-duration: 0.4s; /* Safari */
  -moz-transition-duration: 0.4s;    /* Mozilla */
  -o-transition-duration: 0.4s;      /* Opera */
  transition-duration: 0.4s;
}

.social li:hover {
  background-color: #f68d28;
}

.social i {
  color: #090a0c;
  display: inline-block;
  height: 40px;
  width: 40px;
  position: relative;
  top: 20%;
  left: 20%;
  background-size: 65%;
  background-repeat: no-repeat;
}

.em { /* e-mail */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0%0D%0APSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAzdjE4aDI0di0xOGgtMjR6bTYu%0D%0ANjIzIDcuOTI5bC00LjYyMyA1LjcxMnYtOS40NThsNC42MjMgMy43NDZ6bS00LjE0MS01LjkyOWgx%0D%0AOS4wMzVsLTkuNTE3IDcuNzEzLTkuNTE4LTcuNzEzem01LjY5NCA3LjE4OGwzLjgyNCAzLjA5OSAz%0D%0ALjgzLTMuMTA0IDUuNjEyIDYuODE3aC0xOC43NzlsNS41MTMtNi44MTJ6bTkuMjA4LTEuMjY0bDQu%0D%0ANjE2LTMuNzQxdjkuMzQ4bC00LjYxNi01LjYwN3oiLz48L3N2Zz4=);
}

.ig { /* instagram */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0%0D%0APSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMi4xNjNjMy4yMDQgMCAzLjU4%0D%0ANC4wMTIgNC44NS4wNyAzLjI1Mi4xNDggNC43NzEgMS42OTEgNC45MTkgNC45MTkuMDU4IDEuMjY1%0D%0ALjA2OSAxLjY0NS4wNjkgNC44NDkgMCAzLjIwNS0uMDEyIDMuNTg0LS4wNjkgNC44NDktLjE0OSAz%0D%0ALjIyNS0xLjY2NCA0Ljc3MS00LjkxOSA0LjkxOS0xLjI2Ni4wNTgtMS42NDQuMDctNC44NS4wNy0z%0D%0ALjIwNCAwLTMuNTg0LS4wMTItNC44NDktLjA3LTMuMjYtLjE0OS00Ljc3MS0xLjY5OS00LjkxOS00%0D%0ALjkyLS4wNTgtMS4yNjUtLjA3LTEuNjQ0LS4wNy00Ljg0OSAwLTMuMjA0LjAxMy0zLjU4My4wNy00%0D%0ALjg0OS4xNDktMy4yMjcgMS42NjQtNC43NzEgNC45MTktNC45MTkgMS4yNjYtLjA1NyAxLjY0NS0u%0D%0AMDY5IDQuODQ5LS4wNjl6bTAtMi4xNjNjLTMuMjU5IDAtMy42NjcuMDE0LTQuOTQ3LjA3Mi00LjM1%0D%0AOC4yLTYuNzggMi42MTgtNi45OCA2Ljk4LS4wNTkgMS4yODEtLjA3MyAxLjY4OS0uMDczIDQuOTQ4%0D%0AIDAgMy4yNTkuMDE0IDMuNjY4LjA3MiA0Ljk0OC4yIDQuMzU4IDIuNjE4IDYuNzggNi45OCA2Ljk4%0D%0AIDEuMjgxLjA1OCAxLjY4OS4wNzIgNC45NDguMDcyIDMuMjU5IDAgMy42NjgtLjAxNCA0Ljk0OC0u%0D%0AMDcyIDQuMzU0LS4yIDYuNzgyLTIuNjE4IDYuOTc5LTYuOTguMDU5LTEuMjguMDczLTEuNjg5LjA3%0D%0AMy00Ljk0OCAwLTMuMjU5LS4wMTQtMy42NjctLjA3Mi00Ljk0Ny0uMTk2LTQuMzU0LTIuNjE3LTYu%0D%0ANzgtNi45NzktNi45OC0xLjI4MS0uMDU5LTEuNjktLjA3My00Ljk0OS0uMDczem0wIDUuODM4Yy0z%0D%0ALjQwMyAwLTYuMTYyIDIuNzU5LTYuMTYyIDYuMTYyczIuNzU5IDYuMTYzIDYuMTYyIDYuMTYzIDYu%0D%0AMTYyLTIuNzU5IDYuMTYyLTYuMTYzYzAtMy40MDMtMi43NTktNi4xNjItNi4xNjItNi4xNjJ6bTAg%0D%0AMTAuMTYyYy0yLjIwOSAwLTQtMS43OS00LTQgMC0yLjIwOSAxLjc5MS00IDQtNHM0IDEuNzkxIDQg%0D%0ANGMwIDIuMjEtMS43OTEgNC00IDR6bTYuNDA2LTExLjg0NWMtLjc5NiAwLTEuNDQxLjY0NS0xLjQ0%0D%0AMSAxLjQ0cy42NDUgMS40NCAxLjQ0MSAxLjQ0Yy43OTUgMCAxLjQzOS0uNjQ1IDEuNDM5LTEuNDRz%0D%0ALS42NDQtMS40NC0xLjQzOS0xLjQ0eiIvPjwvc3ZnPg==);
}

.tw { /* twitter */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0%0D%0APSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjQgNC41NTdjLS44ODMuMzkyLTEu%0D%0AODMyLjY1Ni0yLjgyOC43NzUgMS4wMTctLjYwOSAxLjc5OC0xLjU3NCAyLjE2NS0yLjcyNC0uOTUx%0D%0ALjU2NC0yLjAwNS45NzQtMy4xMjcgMS4xOTUtLjg5Ny0uOTU3LTIuMTc4LTEuNTU1LTMuNTk0LTEu%0D%0ANTU1LTMuMTc5IDAtNS41MTUgMi45NjYtNC43OTcgNi4wNDUtNC4wOTEtLjIwNS03LjcxOS0yLjE2%0D%0ANS0xMC4xNDgtNS4xNDQtMS4yOSAyLjIxMy0uNjY5IDUuMTA4IDEuNTIzIDYuNTc0LS44MDYtLjAy%0D%0ANi0xLjU2Ni0uMjQ3LTIuMjI5LS42MTYtLjA1NCAyLjI4MSAxLjU4MSA0LjQxNSAzLjk0OSA0Ljg5%0D%0ALS42OTMuMTg4LTEuNDUyLjIzMi0yLjIyNC4wODQuNjI2IDEuOTU2IDIuNDQ0IDMuMzc5IDQuNiAz%0D%0ALjQxOS0yLjA3IDEuNjIzLTQuNjc4IDIuMzQ4LTcuMjkgMi4wNCAyLjE3OSAxLjM5NyA0Ljc2OCAy%0D%0ALjIxMiA3LjU0OCAyLjIxMiA5LjE0MiAwIDE0LjMwNy03LjcyMSAxMy45OTUtMTQuNjQ2Ljk2Mi0u%0D%0ANjk1IDEuNzk3LTEuNTYyIDIuNDU3LTIuNTQ5eiIvPjwvc3ZnPg==);
}

.fb { /* facebook */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0%0D%0APSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOSA4aC0zdjRoM3YxMmg1di0xMmgz%0D%0ALjY0MmwuMzU4LTRoLTR2LTEuNjY3YzAtLjk1NS4xOTItMS4zMzMgMS4xMTUtMS4zMzNoMi44ODV2%0D%0ALTVoLTMuODA4Yy0zLjU5NiAwLTUuMTkyIDEuNTgzLTUuMTkyIDQuNjE1djMuMzg1eiIvPjwvc3Zn%0D%0APg==);
}

.yt { /* youtube */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0%0D%0APSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTkuNjE1IDMuMTg0Yy0zLjYwNC0u%0D%0AMjQ2LTExLjYzMS0uMjQ1LTE1LjIzIDAtMy44OTcuMjY2LTQuMzU2IDIuNjItNC4zODUgOC44MTYu%0D%0AMDI5IDYuMTg1LjQ4NCA4LjU0OSA0LjM4NSA4LjgxNiAzLjYuMjQ1IDExLjYyNi4yNDYgMTUuMjMg%0D%0AMCAzLjg5Ny0uMjY2IDQuMzU2LTIuNjIgNC4zODUtOC44MTYtLjAyOS02LjE4NS0uNDg0LTguNTQ5%0D%0ALTQuMzg1LTguODE2em0tMTAuNjE1IDEyLjgxNnYtOGw4IDMuOTkzLTggNC4wMDd6Ii8+PC9zdmc+);
}

.hs { /* hackster */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgcm9sZT0iaW1nIiB2aWV3Qm94PSIwIDAgMjQgMjQi%0D%0AIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlLz48cGF0aCBkPSJNMTgu%0D%0ANDI1IDEwLjM0OWMuMjYyIDAgLjQ4LjIwOS40OC40Nzl2Mi4xNTVjMCAuMzIuMjYuNTgyLjU4LjU4%0D%0AMmg0LjI2Yy4yOTUgMCAuMzU1LjQyNi4wNjguNTA0bC04LjU2OCAyLjQ2OGMtLjI0OC4wNzMtLjUw%0D%0AOS0uMDY4LS41ODEtLjMxNy0uMDEzLS4wNDMtLjAyMS0uMDg4LS4wMTktLjEzM3YtMi4yNTJjLS4w%0D%0AMDItLjExNS0uMDk0LS4yMDktLjIwOS0uMjFINS4wNDJjLS4xMTQtLjAwMS0uMjA3LS4wOTMtLjIw%0D%0AOS0uMjA3di0yLjUzYy4wMDEtLjM1My0uMjgtLjY0My0uNjM0LS42NWwtMy45OTgtLjA3Yy0uMjM1%0D%0ALS4wMS0uMjc4LS4zNC0uMDUyLS40MDhsOC43Ni0yLjUyOWMuMTExLS4wMjkuMjI1LjAzNy4yNTQu%0D%0AMTQ2LjAwNC4wMTYuMDA3LjAzMy4wMDcuMDUzdjIuNDQxYzAgLjI2LjIxNy40NzguNDc5LjQ3OGg4%0D%0ALjc3NnpNOC43ODggNC41NDNjLjMwNS0uMDUyLjM3NS4zNDguMzc1LjM0OHMuMDI1Ljk0NyAwIDEu%0D%0AMzM4Yy0uMDI3LjM5LS4zODMuMzc1LS4zODMuMzc1SDUuMzA0cy0uMzE1LS4xMTMtLjM1Ny0uNTIy%0D%0AYy0uMDUzLS40MDguNDM0LS42MzYuNDM0LS42MzZzMy4xMDQtLjg1MSAzLjQwNS0uOTAzaC4wMDJ6%0D%0AbTUuODg1LTEuMTA0cy0uMDQ1LS40NjEuNDcxLS42NmMuNTEyLS4xOTEgMy4yNjgtLjkwNCAzLjI2%0D%0AOC0uOTA0cy41MTItLjIuNTQ3LjQ3MWMuMDM1LjY2OCAwIDYuMTc4IDAgNi4xNzhzLjAxOC40NTEt%0D%0ALjQ2OS40ODZjLS40ODguMDM1LTMuMjI1IDAtMy4yMjUgMHMtLjU5Mi4wNTMtLjU5Mi0uNDE3VjMu%0D%0ANDM5em0uMDc4IDE0LjMzMmMuMDI1LS4zOTEuMzgzLS4zNzUuMzc1LS4zODRoMy40NzVzLjMwNS4x%0D%0AMTMuMzU3LjUyMmMuMDUzLjQwOC0uNDM2LjYzNS0uNDM2LjYzNXMtMy4xMDIuODUxLTMuNDA2Ljkw%0D%0AMmMtLjMwNS4wNjItLjM2NS0uMzM5LS4zNjUtLjMzOXMtLjAyNS0uOTQ1IDAtMS4zMzZ6bS01LjUx%0D%0AOCAyLjc5cy4wNTEuNDYxLS40NzEuNjZjLS41MTMuMTktMy4yNjguOTAzLTMuMjY4LjkwM3MtLjUx%0D%0ANC4yMDEtLjU0Ny0uNDdjLS4wMzUtLjY2OCAwLTYuMTc4IDAtNi4xNzhzLS4wMTgtLjQ1MS40Njkt%0D%0ALjQ4NiAzLjIyNSAwIDMuMjI1IDAgLjUyOS0uMDUzLjU5Mi40MTdjLjA1OS40NiAwIC43OSAwIC43%0D%0AOXY0LjM2NHoiLz48L3N2Zz4=);
}