.dark-mode {
  background-color: #181819 !important;
  color: #a0a0a0 !important; }
  .dark-mode html,
  .dark-mode body {
    background: #181819 !important;
    color: #a0a0a0 !important; }
  .dark-mode ::selection {
    background-color: #181819;
    color: #a0a0a0; }
  .dark-mode h1 {
    color: #a0a0a0 !important; }
  .dark-mode .top {
    margin: 0; }
  .dark-mode .custom-logo-link {
    background-image: url(images/os-logo-light-grey-01.svg);
    background-repeat: no-repeat; }
  .dark-mode .mode-light-dark {
    background-image: url(images/moon-light.svg);
    background-color: transparent;
    background-repeat: no-repeat; }
  .dark-mode .color-mode-switch {
    background-color: transparent; }
  .dark-mode .color-mode-switch:hover {
    background-color: rgba(160, 160, 160, 0.3); }
  .dark-mode a {
    color: #3ebefc; }
  .dark-mode a:hover,
  .dark-mode a:active,
  .dark-mode a:focus {
    color: #98caff; }
  .dark-mode a i:hover,
  .dark-mode a i:active,
  .dark-mode a i:focus {
    color: #98caff; }
  .dark-mode h1.title {
    color: #a0a0a0; }
  .dark-mode h1.title:hover,
  .dark-mode .post-categories > li > a:hover {
    color: #a0a0a0; }
  .dark-mode .post-categories > li > a {
    color: #a0a0a0; }
  .dark-mode .uk-subnav > * > * {
    color: #a0a0a0; }
  .dark-mode .nav > li > a:focus, .dark-mode .nav > li > a:hover {
    color: #98caff; }
  .dark-mode .uk-subnav > * > :focus, .dark-mode .uk-subnav > * > :hover {
    color: #a0a0a0; }
  .dark-mode .uk-subnav > .uk-active > *,
  .dark-mode .dropdown-menu li a,
  .dark-mode .big-text h2,
  .dark-mode .big-text-fullwid h2,
  .dark-mode .big-text h3,
  .dark-mode .header-fixed-top,
  .dark-mode .blur,
  .dark-mode .navigation,
  .dark-mode .carousel-indicators li,
  .dark-mode .navbar-default .navbar-nav > li > a,
  .dark-mode .nav li a,
  .dark-mode .big-text h3,
  .dark-mode .big-text-full h3,
  .dark-mode .big-text-fullwidth h3 {
    color: rgba(255, 255, 255, 0.7); }
  .dark-mode .nav-item > a:hover,
  .dark-mode .navbar-default .navbar-nav > li > a:focus, .dark-mode .navbar-default .navbar-nav > li > a:hover,
  .dark-mode .navbar-default .navbar-nav > .open > a, .dark-mode .navbar-default .navbar-nav > .open > a:focus, .dark-mode .navbar-default .navbar-nav > .open > a:hover {
    color: #d1d1d1; }
  .dark-mode .filter > a {
    color: #3ebefc; }
  .dark-mode .filter > a:hover {
    color: #98caff; }
  .dark-mode .post-title > a,
  .dark-mode .post-categories > a {
    color: rgba(0, 0, 0, 0.7); }
  .dark-mode .post-title > a:hover,
  .dark-mode .post-categories > a:hover {
    color: black; }
  .dark-mode h5.subtitle {
    color: #181819; }
  .dark-mode span.paragraph {
    color: #181819 !important; }
  .dark-mode .text.paragraph {
    color: #181819; }
  .dark-mode h1.entry-title {
    color: #181819; }
  .dark-mode .wpcf7-submit:hover {
    color: #181819; }
  .dark-mode .uk-subnav > * > :focus, .dark-mode .uk-subnav > * > :hover {
    color: #a0a0a0; }
  .dark-mode .tags li:hover a {
    color: #181819; }
  .dark-mode .tags li:hover {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.7); }
  .dark-mode #contact form input, .dark-mode form textarea {
    color: rgba(255, 255, 255, 0.7); }
  .dark-mode #return-to-top i {
    color: #181819; }
  .dark-mode .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: rgba(255, 255, 255, 0.7); }
  .dark-mode .navbar-default .navbar-toggle {
    border: 2px solid rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.7); }
  .dark-mode .navbar-toggle .icon-bar {
    color: rgba(255, 255, 255, 0.7); }
  .dark-mode .container-fluid.footer {
    color: #181819; }
  .dark-mode .dropdown-menu > li > a:focus, .dark-mode .dropdown-menu > li > a:hover {
    color: #181819; }
  .dark-mode .container-fluid.content {
    background: #181819; }
  .dark-mode .container-fluid.contact {
    background: #181819; }
  .dark-mode main.content {
    background-color: #181819; }
  .dark-mode input[type="text"],
  .dark-mode input[type="email"],
  .dark-mode input[type="url"],
  .dark-mode input[type="password"],
  .dark-mode input[type="search"],
  .dark-mode input[type="number"],
  .dark-mode input[type="tel"],
  .dark-mode input[type="range"],
  .dark-mode input[type="date"],
  .dark-mode input[type="month"],
  .dark-mode input[type="week"],
  .dark-mode input[type="time"],
  .dark-mode input[type="datetime"],
  .dark-mode input[type="datetime-local"],
  .dark-mode input[type="color"],
  .dark-mode textarea {
    color: #a0a0a0;
    background-color: #181819;
    border: 1px solid #ced4da; }
  .dark-mode #portfolio {
    background: #181819; }
  .dark-mode #project {
    background: #181819; }
  .dark-mode figcaption.image-caption {
    color: rgba(255, 255, 255, 0.7); }
  .dark-mode #contact {
    background: #181819; }
  .dark-mode .footer {
    background-color: #a0a0a0;
    color: #181819; }
  .dark-mode .header-fixed-top {
    background-color: rgba(24, 24, 25, 0.7);
    color: #a0a0a0; }
  .dark-mode .container-fluid.projects {
    background: #181819; }
  .dark-mode .lighter-overlay {
    background: rgba(24, 24, 25, 0.7) !important; }
  .dark-mode .button {
    background: #181819;
    color: #a0a0a0;
    border: 1px solid #a0a0a0; }
  .dark-mode .line1,
  .dark-mode .line2,
  .dark-mode .line3 {
    background-color: rgba(255, 255, 255, 0.7); }
  .dark-mode .button:hover {
    background: #a0a0a0;
    color: #181819; }
  .dark-mode #return-to-top {
    background-color: #a0a0a0;
    color: #181819; }
  .dark-mode #return-to-top:hover {
    background-color: #181819;
    color: #a0a0a0; }
  .dark-mode #return-to-top:hover i {
    color: #a0a0a0; }
  .dark-mode .navbar-default .navbar-toggle:focus, .dark-mode .navbar-default .navbar-toggle:hover {
    background-color: #a0a0a0; }
  .dark-mode .navbar-default .navbar-collapse, .dark-mode .navbar-default .navbar-form {
    background: rgba(0, 0, 0, 0);
    border-color: #e5e5e5; }
  @media all and (max-width: 768px) {
    .dark-mode .navigation {
      background: #181819; } }

.light-mode html,
.light-mode body {
  background-color: white;
  color: black; }
.light-mode ::selection {
  background-color: white;
  color: black; }
.light-mode h1 {
  color: black !important; }
.light-mode .top {
  margin: 0; }
.light-mode .custom-logo-link {
  background-image: url(images/os-logo-dark-grey-01.svg);
  background-repeat: no-repeat; }
.light-mode .mode-light-dark {
  background-image: url(images/moon-dark.svg);
  background-color: transparent;
  background-repeat: no-repeat; }
.light-mode .color-mode-switch {
  background-color: transparent; }
.light-mode .color-mode-switch:hover {
  background-color: rgba(160, 160, 160, 0.3);
  border-radius: 3px; }
.light-mode a {
  color: rgba(0, 0, 0, 0.7); }
.light-mode a:hover,
.light-mode a:active,
.light-mode a:focus {
  color: black; }
.light-mode a i:hover,
.light-mode a i:active,
.light-mode a i:focus {
  color: black; }
.light-mode .uk-subnav > * > * {
  color: black; }
.light-mode .nav > li > a:focus, .light-mode .nav > li > a:hover {
  color: white; }
.light-mode .uk-subnav > * > :focus, .light-mode .uk-subnav > * > :hover {
  color: black; }
.light-mode .uk-subnav > .uk-active > *,
.light-mode .dropdown-menu li a,
.light-mode .big-text h2,
.light-mode .big-text-fullwid h2,
.light-mode .big-text h3,
.light-mode .blur,
.light-mode .navigation,
.light-mode .carousel-indicators li,
.light-mode .navbar-default .navbar-nav > li > a,
.light-mode .navbar-default .navbar-nav > .open > a, .light-mode .navbar-default .navbar-nav > .open > a:focus, .light-mode .navbar-default .navbar-nav > .open > a:hover,
.light-mode .navbar-default .navbar-nav > li > a:focus, .light-mode .navbar-default .navbar-nav > li > a:hover,
.light-mode .nav li a,
.light-mode .big-text h3,
.light-mode .big-text-full h3,
.light-mode .big-text-fullwidth h3,
.light-mode .post-categories {
  color: rgba(0, 0, 0, 0.7); }
.light-mode .header-fixed-top {
  background-color: rgba(255, 255, 255, 0.7);
  color: black; }
.light-mode h5.subtitle {
  color: white; }
.light-mode span.paragraph {
  color: white !important; }
.light-mode .text.paragraph {
  color: white; }
.light-mode h1.entry-title {
  color: white; }
.light-mode .wpcf7-submit:hover {
  color: white; }
.light-mode .uk-subnav > * > :focus, .light-mode .uk-subnav > * > :hover {
  color: black; }
.light-mode .tags li:hover a {
  color: white; }
.light-mode .tags li:hover {
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.7); }
.light-mode #contact form input, .light-mode form textarea {
  color: rgba(0, 0, 0, 0.7); }
.light-mode #return-to-top i {
  color: #181819; }
.light-mode .navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: rgba(0, 0, 0, 0.7); }
.light-mode .navbar-default .navbar-toggle {
  border: 2px solid rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7); }
.light-mode .navbar-toggle .icon-bar {
  color: rgba(0, 0, 0, 0.7); }
.light-mode .container-fluid.footer {
  color: white; }
.light-mode .dropdown-menu > li > a:focus, .light-mode .dropdown-menu > li > a:hover {
  color: white; }
.light-mode .container-fluid.content {
  background: white; }
.light-mode .container-fluid.contact {
  background: white; }
.light-mode main.content {
  background-color: white; }
.light-mode input[type="text"],
.light-mode input[type="email"],
.light-mode input[type="url"],
.light-mode input[type="password"],
.light-mode input[type="search"],
.light-mode input[type="number"],
.light-mode input[type="tel"],
.light-mode input[type="range"],
.light-mode input[type="date"],
.light-mode input[type="month"],
.light-mode input[type="week"],
.light-mode input[type="time"],
.light-mode input[type="datetime"],
.light-mode input[type="datetime-local"],
.light-mode input[type="color"],
.light-mode textarea {
  color: black;
  background-color: white;
  border: 1px solid #ced4da; }
.light-mode #portfolio {
  background: white; }
.light-mode #project {
  background: white; }
.light-mode figcaption.image-caption {
  color: rgba(0, 0, 0, 0.7); }
.light-mode .lighter-overlay {
  background: rgba(255, 255, 255, 0.7) !important; }
.light-mode #contact {
  background: white; }
.light-mode .footer {
  background-color: #181819;
  color: #a0a0a0; }
.light-mode .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7); }
.light-mode .navbar-dark .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.7) !important; }
.light-mode .nav-link:hover {
  color: black !important; }
.light-mode .line1,
.light-mode .line2,
.light-mode .line3 {
  background-color: black; }
.light-mode .container-fluid.projects {
  background: white; }
.light-mode .button {
  background: white;
  color: black; }
.light-mode .button:hover {
  background: black;
  color: white; }
.light-mode #return-to-top {
  background-color: #a0a0a0;
  color: #181819; }
.light-mode #return-to-top:hover {
  background-color: #181819;
  color: #a0a0a0; }
.light-mode #return-to-top:hover i {
  color: #a0a0a0; }
.light-mode .navbar-default .navbar-toggle:focus, .light-mode .navbar-default .navbar-toggle:hover {
  background-color: black; }
.light-mode .navbar-default .navbar-collapse, .light-mode .navbar-default .navbar-form {
  background: rgba(0, 0, 0, 0);
  border-color: #e5e5e5; }
@media all and (max-width: 768px) {
  .light-mode .navigation {
    background: white; } }