/* /scss/partials/_init.scss */
/* /scss/partials/_colors.scss */
/* /scss/partials/_mixins.scss */
/* /scss/partials/_navigation.scss */
/* line 10, ../scss/partials/_navigation.scss */
.navbar {
  background: #fff;
  border-bottom: 2px solid #888;
  display: block;
  padding: 0.5em;
}

/* line 17, ../scss/partials/_navigation.scss */
.navbar-navlink {
  background: transparent;
  color: #fff;
  display: block;
  font-family: "Open Sans", "Helvetica", sans-serif, serif;
  font-size: 17pt;
  margin: 0.3em;
  padding: 0.3em;
  position: relative;
  text-align: right;
  top: .3rem;

  text-decoration: none;
}
/* line 29, ../scss/partials/_navigation.scss */
.navbar-navlink:hover {
  color: #444;
}
/* line 32, ../scss/partials/_navigation.scss */
.navbar-navlink:active {
  top: 1px;
}
/* line 36, ../scss/partials/_navigation.scss */
.navbar-navlink[href="/"]:hover {
  background: #8f8;
}
/* line 36, ../scss/partials/_navigation.scss */
.navbar-navlink[href="/podcasts"]:hover {
  background: #f88;
}
/* line 36, ../scss/partials/_navigation.scss */
.navbar-navlink[href="/about.php"]:hover {
  background: #88f;
}
/* line 36, ../scss/partials/_navigation.scss */
.navbar-navlink[href="/contact.php"]:hover {
  background: #f8f;
}
/* line 36, ../scss/partials/_navigation.scss */
.navbar-navlink[href="/friends.php"]:hover {
  background: #ff8;
}

.navbar-navlink[href="/extras.php"]:hover {
  background: #8ff;
}

/* line 42, ../scss/partials/_navigation.scss */
.navbar-site-nav {
  background: #939898;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
/* line 48, ../scss/partials/_navigation.scss */
.navbar-site-nav li {
  float: left;
}

/* /scss/partials/_mobile.scss */
/* line 2, ../scss/partials/_mobile.scss */
.mobile-navbar {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  background-color: #fff;
  border-radius: 1rem;
  border-style: none;
  cursor: pointer;
  display: inline-block;
  height: 0.4em;
  margin: 1em;
  position: relative;
  transition: 0.5s 0.2s;
  user-select: none;
  width: 2em;
}

/* line 16, ../scss/partials/_mobile.scss */
.mobile-navbar::before,
.mobile-navbar::after {
  background-color: #fff;
  border-radius: 1rem;
  border-style: none;
  content: '';
  display: block;
  height: 0.4em;
  position: absolute;
  transition: 0.4s 0.2s;
  width: 2em;
  z-index: -1;
}

/* line 30, ../scss/partials/_mobile.scss */
.mobile-navbar::before {
  top: -0.8em;
}

/* line 34, ../scss/partials/_mobile.scss */
.mobile-navbar::after {
  top: 0.8em;
}

/* line 38, ../scss/partials/_mobile.scss */
.mobile-navbar.open {
  transform: scale(0.7);
}

/* line 42, ../scss/partials/_mobile.scss */
.mobile-navbar::before.open,
.mobile-navbar::after.open {
  top: 0 !important;
}

/* line 47, ../scss/partials/_mobile.scss */
.mobile-navbar::before.open {
  transform: rotate(45deg);
}

/* line 51, ../scss/partials/_mobile.scss */
.mobile-navbar::after.open {
  transform: rotate(-45deg);
}

  /* line 56, ../scss/partials/_mobile.scss */
  .mobile-navbar {
    display: none;
  }
/* /scss/partials/_podcasts.scss */
/* line 2, ../scss/partials/_podcasts.scss */
.image-container {
  color: #fff;
  font-family: "Open Sans", "Helvetica", sans-serif, serif;
  font-size: 11pt;
  text-align: center;
  width: 100%;
}

.image-container img {
  border-radius: 25px;
  border-style: none;
  margin: 25px;
}

.image-container p a {
  color: #aaf;
}

/* line 7, ../scss/partials/_podcasts.scss */
.podcasts {
  background: transparent;
  margin: 1em;
  padding: 1em;
}
/* line 11, ../scss/partials/_podcasts.scss */
.podcasts .episode {
  /*cursor: pointer;*/
  background: #939898;
  /*
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  */
  border-radius: 5px;
  border-style: none;
  box-shadow: 0.5em 0.5em 1em #444;
  margin-bottom: 1em;
  margin-top: 1em;
  padding: 1em;
  /*
  -webkit-transition: 0.2s 0.1s;
  -moz-transition: 0.2s 0.1s;
  -ms-transition: 0.2s 0.1s;
  */
  transition: 0.2s 0.1s;
}

.episode:nth-child(n+11) {
  display: none;
}
/* line 24, ../scss/partials/_podcasts.scss */
.podcasts .episode.selected .description {
  display: block;
  font-family: "Open Sans", "Helvetica", sans-serif, serif;
  font-size: 11pt;
  margin-left: 2em;
  margin-top: 1em;
}
/* line 32, ../scss/partials/_podcasts.scss */
.podcasts .episode .title {
  color: #000;
  font-family: "Open Sans", "Helvetica", sans-serif, serif;
  font-size: 14pt;
  text-decoration: none;
  /*
  @include transition($transitiontime);
  &:hover {
    color: darken($blue, 20%);
  }
  */
}
/* line 45, ../scss/partials/_podcasts.scss */
.podcasts .episode .link,
.podcasts .episode .compressed-link/*,
.podcasts .episode audio*/ {
  float: right;
}

.podcasts .episode .link {
  position: relative;
  top: 7em;
}

.podcasts .episode audio {
  left: 31em;
  position: relative;
  top: 1.5em;
}

.link img {
  bottom: 24px;
  position: relative;
}

/* line 51, ../scss/partials/_podcasts.scss */
.podcasts .episode .description {
  display: none;
}
/* line 55, ../scss/partials/_podcasts.scss */
.podcasts .episode .description .desc-link {
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -webkit-transition: 0.2s;
  border-bottom: 1px solid transparent;
  color: #44f;
  font-family: monospace;
  text-decoration: none;
  transition: 0.2s;
}
/* line 61, ../scss/partials/_podcasts.scss */
.podcasts .episode .description .desc-link:hover {
  border-bottom-color: #44f;
}

.expand-link-container {
  text-align: center;
  padding-bottom: 2em;
}

.expand-link {
  background: #fff;
  border: 0.2em solid #000;
  border-radius: 5px;
  color: #67f;
  cursor: pointer;
  font-family: "Open Sans", "Helvetica", sans-serif, serif;
  padding: 1em;
  transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -webkit-transition: 0.2s;
}

.expand-link:hover {
  background: #eee;
  color: #45c;
}

/* line 8, ../scss/style.scss */
body {
  /*background: #a89df0;*/
  background: url("/img/bg.jpg");
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 900px;
}

/* line 15, ../scss/style.scss */
.logo {
  background: rgba(32, 32, 32, 0.95);
  border-radius: 25px;
  border-style: none;
  color: #349dff;
  font-size: 18pt;
  margin: 1em auto;
  padding: 1em;
  text-align: center;
  width: 32em;
  /*
  -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
          transition: 0.5s;
  */
}

/* line 35, ../scss/style.scss */
.header {
  color: #28a04f;
  display: block;
  /* text-shadow: 0.05em 0.05em rgba(000,000,000,0.5); */
  display: none;
  font-family: "Open Sans", "Helvetica", sans-serif, serif;
  font-size: 30pt;
  text-decoration: none;
}

/* line 45, ../scss/style.scss */
.separator {
  color: #000;
  font-size: 30pt;
}

/* line 50, ../scss/style.scss */
.footer {
  color: #fff;
  font-family: "Open Sans", "Helvetica", sans-serif, serif;
  text-align: center;
}

/*.sidebar {
  position: fixed;
  top: 100px;
  float: left;
  margin: 2em;
}

.sidebar ul li a {
  color: #7398cf;
  font-family: "Open Sans", "Helvetica", sans-serif, serif;
  font-size: 11pt;
  text-decoration: none;
  line-height: normal;
  border-bottom: 1px solid transparent;
  -webkit-transition: 0.2s;
     -moz-transition: 0.2s;
      -ms-transition: 0.2s;
          transition: 0.2s;
}


.sidebar ul li a:hover {
  color: #104780;
  border-bottom: 1px solid #104780;
}
*/

.contact {
  color: #fff;
  font-family: "Open Sans", "Helvetica", sans-serif, serif;
  font-size: 11pt;
  line-height: normal;
  margin: 1em auto;
  text-align: center;
  width: 75%;
}

.contact a {
  color: #fff;
  font-family: "Open Sans", "Helvetica", sans-serif, serif;
  font-size: 11pt;
  text-align: center;
}

.article {
  line-height: normal;
  margin: 1em auto;
  text-align: justify;
  width: 95%;
}

.about {
  line-height: normal;
  margin: 1em auto;
  text-align: justify;
  width: 90%;
}

.about img {
  display: block;
  margin: 0 auto;
}

.about h1 a {
  color: #fff;
}

.about h1 {
  color: #fff;
  font-family: "Open Sans", "Helvetica", sans-serif, serif;
  font-size: 22pt;
  text-align: center;
  text-decoration: bold;
}

.about p {
  color: #fff;
  font-family: "Open Sans", "Helvetica", sans-serif, serif;
  font-size: 11pt;
}

.about p a {
  color: #fff;
}

.about p a:visited {
  color: #fff;
}

.friends {
  text-align: justify;
  width: 85%;
}

.header-img {
  background: #fff;
}

.header-img .logo {
  margin-left: 20px;
}

.header-img .slogan {
  float: right;
  margin-right: 10px;
}

.body {
  background: #202020;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
}

.image {
  cursor: pointer;
  height: 60%;
  width: 60%;
}

.image.maximized {
  height: 100%;
  width: 100%;
}

#image-small.maximized {
  height: 90%;
  width: 90%;
}

.email-link {
  color: #aaf;
    font-family: "Open Sans", "Helvetica", sans-serif, serif;
  font-size: 14pt;
  text-decoration: underline;
}

.expand {
  border-bottom: 1px solid transparent;
  color: #000;
  cursor: pointer;
  font-family: "Open Sans", "Helvetica", sans-serif, serif;
  margin: 1em 0;
  text-decoration: underline;
}

.expand:hover {
  border-bottom: 1px solid #000;
}

.relevant-links {
  display: none;
  margin: 1em

}

.podcasts .episode.expanded .relevant-links {
  display: block;
}

.podcasts .episode.expanded .relevant-links li {
  margin: 1em 4em
}

.podcasts .episode.expanded .relevant-links li a {
  border-bottom: 1px solid transparent;
  color: #000;
  font-family: "Open Sans", "Helvetica", sans-serif, serif;
  font-size: 11pt;
  text-decoration: none;
}

.podcasts .episode.expanded .relevant-links li a:hover {
  border-bottom: 1px solid #000;
}

.icons {
  float: right;
}

.banner {
  width: 100%;
}

/*
.podcasts .episode.selected audio {
  position: relative;
  bottom: 20em;
  left: 30em;
  margin: 1em;
}
*/