﻿.projects > .project.projectTitleMood1:hover { color: #417093; }
.projects > .project.projectTitleMood2:hover { color: #5db8eb; }
.projects > .project.projectTitleMood3:hover { color: #32ca98; }
.projects > .project.projectTitleMood4:hover { color: #d5d2cb; }
.projects > .project.projectTitleMood5:hover { color: #858b8f; }

/* styles/options/mood.scss */
html,
body {
  color: #1C1C17;
  background: #F2F2F2;
  -webkit-font-smoothing: antialiased;
}
carbon-caption { color: rgba(28, 28, 23, 0.5); }
carbon-caption a:hover { border-bottom-color: rgba(28, 28, 23, 0.5); }
carbon-caption a {
  color: inherit;
  border-bottom-color: rgba(28, 28, 23, 0.3);
}
carbon-image img { background: rgba(28, 28, 23, 0.05); }
carbon-image img.loaded { background: transparent; }
carbon-piece .quote { color: rgba(28, 28, 23, 0.4); }
carbon-piece .quote:before,
carbon-piece .quote:after { color: #F96A5A; }
a,
a:visited,
a:active { color: #1C1C17; }
a { border-bottom: 1px solid rgba(28, 28, 23, 0.6); }
a:hover { border-bottom: 1px solid rgba(28, 28, 23, 0.99); }
carbon-paginator .inner { border-top-color: rgba(28, 28, 23, 0.15); }
.left .numbered .project { border-color: rgba(28, 28, 23, 0.25); }
carbon-paginator a:hover { color: #F96A5A; }
carbon-paginator a svg path {
  fill: #1C1C17;
  -webkit-transition: fill 0.2s;
  transition: fill 0.2s;
}
carbon-paginator a:hover svg path { fill: #F96A5A; }
carbon-anchor svg path {
  fill: #1C1C17;
  -webkit-transition: fill 0.2s;
  transition: fill 0.2s;
}
carbon-anchor:hover svg path { fill: #F96A5A; }
.home header { border-top: 4px solid #F96A5A; }
.siteTitle a { color: #fff; }
.siteTitle a:hover {
  color: rgba(242, 242, 242, 0.5) !important;
  border: none;
}
.home .siteTitle a { color: #1C1C17; }
.home .siteTitle a:hover {
  color: #F96A5A !important;
  border: none;
}
.projectPage .siteTitle a { color: #fff !important; }
.projectPage .siteTitle a:hover { color: rgba(242, 242, 242, 0.5) !important; }
.projectsPage .siteTitle a { color: #1C1C17 !important; }
.projectsPage .siteTitle a:hover { color: #F96A5A !important; }
.contact .siteTitle a { color: #1C1C17 !important; }
.contact .siteTitle a:hover { color: #F96A5A !important; }
.about .siteTitle a { color: #1C1C17 !important; }
.about .siteTitle a:hover { color: #F96A5A !important; }
.blog .siteTitle a { color: #1C1C17 !important; }
.blog .siteTitle a:hover { color: #F96A5A !important; }
.projectPage .navLink > span {
  color: #fff !important;
  border-bottom-color: #fff !important;
}
.projectPage .navLink > span:hover {
  color: rgba(242, 242, 242, 0.5) !important;
  border-bottom-color: rgba(242, 242, 242, 0.5) !important;
}
.projectsPage .navLink > span {
  color: #1C1C17 !important;
  border-bottom-color: #1C1C17 !important;
}
.projectsPage .navLink > span:hover {
  color: #F96A5A !important;
  border-bottom-color: #F96A5A !important;
}
.contact .navLink > span {
  color: #1C1C17 !important;
  border-bottom-color: #1C1C17 !important;
}
.contact .navLink > span:hover {
  color: #F96A5A !important;
  border-bottom-color: #F96A5A !important;
}
.about .navLink > span {
  color: #1C1C17 !important;
  border-bottom-color: #1C1C17 !important;
}
.about .navLink > span:hover {
  color: #F96A5A !important;
  border-bottom-color: #F96A5A !important;
}
.blog .navLink > span {
  color: #1C1C17 !important;
  border-bottom-color: #1C1C17 !important;
}
.blog .navLink > span:hover {
  color: #F96A5A !important;
  border-bottom-color: #F96A5A !important;
}
.projects > .project:hover { color: #F96A5A; }
.projects > .project:hover em { opacity: 1; }
.home carbon-branding a:hover { color: #F96A5A !important; }
.projectPage carbon-branding a:hover { color: rgba(242, 242, 242, 0.5) !important; }
.contact carbon-branding a:hover { color: #F96A5A !important; }
.about carbon-branding a:hover { color: #F96A5A !important; }
.blog carbon-branding a:hover { color: #F96A5A !important; }
form .button { background: rgba(255, 255, 255, 0.08) !important; }
form.valid .button:hover { background: rgba(255, 255, 255, 0.15) !important; }
form input,
form textarea { background: #fff; }
h4.moodyText { color: #F96A5A; }
.navLink > span {
  color: #fff;
  border-bottom-color: #fff;
  -webkit-transition: border .2s, color .2s;
  transition: border .2s, color .2s;
}
.navLink > span:hover {
  color: rgba(242, 242, 242, 0.5);
  border-bottom-color: rgba(242, 242, 242, 0.5);
}
.home .navLink > span {
  color: #1C1C17;
  border-bottom-color: #1C1C17;
}
.home .navLink > span:hover {
  color: #F96A5A !important;
  border-bottom-color: #F96A5A !important;
}
nav { background: rgba(29, 57, 110, 0); }
nav li > a:hover {
  color: #F2F2F2;
  border-bottom-color: rgba(242, 242, 242, 1);
}
nav li > a {
  color: #fff;
  border-bottom-color: rgba(242, 242, 242, 0);
  -webkit-transition: border .2s, color .2s;
  transition: border .2s, color .2s;
}
nav a,
nav a:visited,
nav a:active { color: #fff; }
nav.open { background: rgba(29, 57, 110, 0.95); }
nav.closed { background: rgba(29, 57, 110, 0); }
nav .closeNavLink { color: #fff; }
nav .closeNavLink > span:hover {
  color: #F2F2F2;
  border-bottom-color: rgba(242, 242, 242, 1);
}
nav .closeNavLink > span {
  border-bottom: 1px solid rgba(242, 242, 242, 0);
  -webkit-transition: border .2s, color .2s;
  transition: border .2s, color .2s;
}
.moody {
  color: #fff;
  background: rgba(29, 57, 110, 1);
}
.moody a:hover { border-bottom-color: rgba(255, 255, 255, 0.3); }
.moody a {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.99);
}
.moody .lineBlock label { color: rgba(255, 255, 255, 0.5); }
.moodyText { color: #1D396E; }
.projectsPage footer a:hover { border-bottom-color: rgba(28, 28, 23, 0.99) !important; }
.projectsPage footer a {
  color: #1C1C17 !important;
  border-bottom-color: rgba(28, 28, 23, 0.6);
}
.home footer a:hover { border-bottom-color: rgba(28, 28, 23, 0.99) !important; }
.home footer a {
  color: #1C1C17 !important;
  border-bottom-color: rgba(28, 28, 23, 0.6);
}
.about footer a:hover { border-bottom-color: rgba(28, 28, 23, 0.99) !important; }
.about footer a {
  color: #1C1C17 !important;
  border-bottom-color: rgba(28, 28, 23, 0.6);
}
.contact footer a:hover { border-bottom-color: rgba(28, 28, 23, 0.99) !important; }
.contact footer a {
  color: #1C1C17 !important;
  border-bottom-color: rgba(28, 28, 23, 0.6);
}
.blog footer a:hover { border-bottom-color: rgba(28, 28, 23, 0.99) !important; }
.blog footer a {
  color: #1C1C17 !important;
  border-bottom-color: rgba(28, 28, 23, 0.6);
}
carbon-player.audio .control { background: rgba(249, 106, 90, 0.8); }
carbon-player.audio .control:hover { background: rgba(249, 106, 90, 1); }
carbon-player.audio.loading .control:hover { background: rgba(249, 106, 90, 0.8); }
.collapsed carbon-waveform > .bar { background: rgba(28, 28, 23, 0.75) !important; }
carbon-waveform > .bar.fill { background: rgba(249, 106, 90, 1) !important; }
carbon-player.audio.played time.current { color: rgba(249, 106, 90, 1); }
carbon-player.audio.ended time.total { color: rgba(249, 106, 90, 1); }
carbon-player carbon-scrubber > .track > .playedBar { background: rgba(249, 106, 90, 1); }
carbon-player.video .control { background: rgba(0, 0, 0, 0.2); }
carbon-player.video .control:hover { background: rgba(249, 106, 90, 1); }
.moody { will-change: background, color; }
.moody.button {
  -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
  transition: background .3s ease-in-out, color .3s ease-in-out;
}
.override1 .moody a:hover { border-bottom-color: rgba(255, 255, 255, 0.6); }
.override1 .moody a {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.99);
}
.override1 .moody .lineBlock label { color: rgba(255, 255, 255, 0.5); }
.override1 .moody {
  color: #fff;
  background: #417093;
}
.override1 .moodyText { color: #417093; }
.override1 .moody a {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.99);
}
.override1 .moody a:hover { border-bottom-color: rgba(255, 255, 255, 0.6); }
.override1 .moody .lineBlock label { color: rgba(255, 255, 255, 0.5); }
.override1 carbon-player.audio .control { background: rgba(65, 112, 147, 0.8); }
.override1 carbon-player.audio .control:hover { background: rgba(65, 112, 147, 1); }
.override1 carbon-player.audio.loading .control:hover { background: rgba(65, 112, 147, 0.8); }
.override1 carbon-waveform > .bar.fill { background: rgba(65, 112, 147, 1) !important; }
.override1 carbon-player.audio.played time.current { color: rgba(65, 112, 147, 1); }
.override1 carbon-player.audio.ended time.total { color: rgba(65, 112, 147, 1); }
.override1 carbon-player carbon-scrubber > .track > .playedBar { background: rgba(65, 112, 147, 1); }
.override1 carbon-player.video .control:hover { background: rgba(65, 112, 147, 1); }
.override1 carbon-piece .quote:before,
.override1 carbon-piece .quote:after { color: #417093; }
.override1 carbon-paginator a:hover { color: #417093; }
.override1 carbon-paginator a:hover svg path { fill: #417093; }
.override1 carbon-anchor:hover svg path { fill: #417093; }
.override2 .moody a:hover { border-bottom-color: rgba(255, 255, 255, 0.6); }
.override2 .moody a {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.99);
}
.override2 .moody .lineBlock label { color: rgba(255, 255, 255, 0.5); }
.override2 .moody {
  color: #fff;
  background: #5db8eb;
}
.override2 .moodyText { color: #5db8eb; }
.override2 .moody a {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.99);
}
.override2 .moody a:hover { border-bottom-color: rgba(255, 255, 255, 0.6); }
.override2 .moody .lineBlock label { color: rgba(255, 255, 255, 0.5); }
.override2 carbon-player.audio .control { background: rgba(93, 184, 235, 0.8); }
.override2 carbon-player.audio .control:hover { background: rgba(93, 184, 235, 1); }
.override2 carbon-player.audio.loading .control:hover { background: rgba(93, 184, 235, 0.8); }
.override2 carbon-waveform > .bar.fill { background: rgba(93, 184, 235, 1) !important; }
.override2 carbon-player.audio.played time.current { color: rgba(93, 184, 235, 1); }
.override2 carbon-player.audio.ended time.total { color: rgba(93, 184, 235, 1); }
.override2 carbon-player carbon-scrubber > .track > .playedBar { background: rgba(93, 184, 235, 1); }
.override2 carbon-player.video .control:hover { background: rgba(93, 184, 235, 1); }
.override2 carbon-piece .quote:before,
.override2 carbon-piece .quote:after { color: #5db8eb; }
.override2 carbon-paginator a:hover { color: #5db8eb; }
.override2 carbon-paginator a:hover svg path { fill: #5db8eb; }
.override2 carbon-anchor:hover svg path { fill: #5db8eb; }
.override3 .moody a:hover { border-bottom-color: rgba(255, 255, 255, 0.6); }
.override3 .moody a {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.99);
}
.override3 .moody .lineBlock label { color: rgba(255, 255, 255, 0.5); }
.override3 .moody {
  color: #fff;
  background: #32ca98;
}
.override3 .moodyText { color: #32ca98; }
.override3 .moody a {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.99);
}
.override3 .moody a:hover { border-bottom-color: rgba(255, 255, 255, 0.6); }
.override3 .moody .lineBlock label { color: rgba(255, 255, 255, 0.5); }
.override3 carbon-player.audio .control { background: rgba(50, 202, 152, 0.8); }
.override3 carbon-player.audio .control:hover { background: rgba(50, 202, 152, 1); }
.override3 carbon-player.audio.loading .control:hover { background: rgba(50, 202, 152, 0.8); }
.override3 carbon-waveform > .bar.fill { background: rgba(50, 202, 152, 1) !important; }
.override3 carbon-player.audio.played time.current { color: rgba(50, 202, 152, 1); }
.override3 carbon-player.audio.ended time.total { color: rgba(50, 202, 152, 1); }
.override3 carbon-player carbon-scrubber > .track > .playedBar { background: rgba(50, 202, 152, 1); }
.override3 carbon-player.video .control:hover { background: rgba(50, 202, 152, 1); }
.override3 carbon-piece .quote:before,
.override3 carbon-piece .quote:after { color: #32ca98; }
.override3 carbon-paginator a:hover { color: #32ca98; }
.override3 carbon-paginator a:hover svg path { fill: #32ca98; }
.override3 carbon-anchor:hover svg path { fill: #32ca98; }
.override4 .moody a:hover { border-bottom-color: rgba(255, 255, 255, 0.6); }
.override4 .moody a {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.99);
}
.override4 .moody .lineBlock label { color: rgba(255, 255, 255, 0.5); }
.override4 .moody {
  color: #fff;
  background: #d5d2cb;
}
.override4 .moodyText { color: #d5d2cb; }
.override4 .moody a {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.99);
}
.override4 .moody a:hover { border-bottom-color: rgba(255, 255, 255, 0.6); }
.override4 .moody .lineBlock label { color: rgba(255, 255, 255, 0.5); }
.override4 carbon-player.audio .control { background: rgba(213, 210, 203, 0.8); }
.override4 carbon-player.audio .control:hover { background: rgba(213, 210, 203, 1); }
.override4 carbon-player.audio.loading .control:hover { background: rgba(213, 210, 203, 0.8); }
.override4 carbon-waveform > .bar.fill { background: rgba(213, 210, 203, 1) !important; }
.override4 carbon-player.audio.played time.current { color: rgba(213, 210, 203, 1); }
.override4 carbon-player.audio.ended time.total { color: rgba(213, 210, 203, 1); }
.override4 carbon-player carbon-scrubber > .track > .playedBar { background: rgba(213, 210, 203, 1); }
.override4 carbon-player.video .control:hover { background: rgba(213, 210, 203, 1); }
.override4 carbon-piece .quote:before,
.override4 carbon-piece .quote:after { color: #d5d2cb; }
.override4 carbon-paginator a:hover { color: #d5d2cb; }
.override4 carbon-paginator a:hover svg path { fill: #d5d2cb; }
.override4 carbon-anchor:hover svg path { fill: #d5d2cb; }
.override5 .moody a:hover { border-bottom-color: rgba(255, 255, 255, 0.6); }
.override5 .moody a {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.99);
}
.override5 .moody .lineBlock label { color: rgba(255, 255, 255, 0.5); }
.override5 .moody {
  color: #fff;
  background: #858b8f;
}
.override5 .moodyText { color: #858b8f; }
.override5 .moody a {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.99);
}
.override5 .moody a:hover { border-bottom-color: rgba(255, 255, 255, 0.6); }
.override5 .moody .lineBlock label { color: rgba(255, 255, 255, 0.5); }
.override5 carbon-player.audio .control { background: rgba(133, 139, 143, 0.8); }
.override5 carbon-player.audio .control:hover { background: rgba(133, 139, 143, 1); }
.override5 carbon-player.audio.loading .control:hover { background: rgba(133, 139, 143, 0.8); }
.override5 carbon-waveform > .bar.fill { background: rgba(133, 139, 143, 1) !important; }
.override5 carbon-player.audio.played time.current { color: rgba(133, 139, 143, 1); }
.override5 carbon-player.audio.ended time.total { color: rgba(133, 139, 143, 1); }
.override5 carbon-player carbon-scrubber > .track > .playedBar { background: rgba(133, 139, 143, 1); }
.override5 carbon-player.video .control:hover { background: rgba(133, 139, 143, 1); }
.override5 carbon-piece .quote:before,
.override5 carbon-piece .quote:after { color: #858b8f; }
.override5 carbon-paginator a:hover { color: #858b8f; }
.override5 carbon-paginator a:hover svg path { fill: #858b8f; }
.override5 carbon-anchor:hover svg path { fill: #858b8f; }
carbon-glyph { color: #F96A5A !important; }
.projectPage carbon-glyph { color: #fff !important; }
#zoomer.open { background: rgba(242, 242, 242, 0.9); }