@font-face {
  font-family: "BloggerSansBold";
  src: url("../fonts/BloggerSans/BloggerSans-Bold.woff") format("woff");
}

@font-face {
  font-family: "BloggerSansLight";
  src: url("../fonts/BloggerSans/BloggerSans-Light.woff") format("woff");
}

.logo {
  font-family: "BloggerSansBold", sans-serif;
  font-weight: bolder;
  font-size: 32px;
}

.logo-cover {
  background: #9593d9;
  height: 200px;
}

h1 {
  font-size: 45px;
  font-family: 'BloggerSansBold', Arial, sans-serif;
}

p.sub-heading {
  font-size: 1.6em;
  font-family: Arial, sans-serif;
  color: rgba(255,255,255,0.6);
}

.dark {
  background: #2d3047;
}

.grey {
  background: #c8c8c8;
}

.purple {
  background: #9593d9;
}

#main-wrapper .c-nav {
  background-color: #2d3047;
}

.divider {
  margin: 30px auto;
  width: 10%;
  border: solid 1.5px #d81e5b;
}

.c-nav__item.nohighlight:hover {
  background-color: transparent;
}

.c-nav__item.brand>a {
  color: #FFF;
}

.c-nav__item>a:not(.c-button):hover {
  color: rgb(240, 22, 139);
}

.c-nav__item>a:not(.c-button) {
  color: rgba(255,255,255,0.6);
  transition: color 0.3s ease;
  text-decoration: none;
}

.webui-popover .webui-popover-content, .webui-popover-content {
  padding: 0 !important;
}
.webui-popover .webui-popover-content a {
  color: #555;
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
}