.dark-bg, html.darkMode .front-bottom-cards .card-grid-card,
html.darkMode #front-top-cards .card-grid-card,
html.darkMode #template-text-cards-grid .card-grid-card,
html.darkMode #basic-post-grid .card-grid-card, html.darkMode.template-blocks_front_menu .front-header {
  background-color: #3c3c3c;
  color: white;
}
.dark-bg h1, html.darkMode .front-bottom-cards .card-grid-card h1,
html.darkMode #front-top-cards .card-grid-card h1,
html.darkMode #template-text-cards-grid .card-grid-card h1,
html.darkMode #basic-post-grid .card-grid-card h1, html.darkMode.template-blocks_front_menu .front-header h1, .dark-bg h2, html.darkMode .front-bottom-cards .card-grid-card h2,
html.darkMode #front-top-cards .card-grid-card h2,
html.darkMode #template-text-cards-grid .card-grid-card h2,
html.darkMode #basic-post-grid .card-grid-card h2, html.darkMode.template-blocks_front_menu .front-header h2, .dark-bg h3, html.darkMode .front-bottom-cards .card-grid-card h3,
html.darkMode #front-top-cards .card-grid-card h3,
html.darkMode #template-text-cards-grid .card-grid-card h3,
html.darkMode #basic-post-grid .card-grid-card h3, html.darkMode.template-blocks_front_menu .front-header h3, .dark-bg h4, html.darkMode .front-bottom-cards .card-grid-card h4,
html.darkMode #front-top-cards .card-grid-card h4,
html.darkMode #template-text-cards-grid .card-grid-card h4,
html.darkMode #basic-post-grid .card-grid-card h4, html.darkMode.template-blocks_front_menu .front-header h4, .dark-bg h5, html.darkMode .front-bottom-cards .card-grid-card h5,
html.darkMode #front-top-cards .card-grid-card h5,
html.darkMode #template-text-cards-grid .card-grid-card h5,
html.darkMode #basic-post-grid .card-grid-card h5, html.darkMode.template-blocks_front_menu .front-header h5, .dark-bg h6, html.darkMode .front-bottom-cards .card-grid-card h6,
html.darkMode #front-top-cards .card-grid-card h6,
html.darkMode #template-text-cards-grid .card-grid-card h6,
html.darkMode #basic-post-grid .card-grid-card h6, html.darkMode.template-blocks_front_menu .front-header h6, .dark-bg p, html.darkMode .front-bottom-cards .card-grid-card p,
html.darkMode #front-top-cards .card-grid-card p,
html.darkMode #template-text-cards-grid .card-grid-card p,
html.darkMode #basic-post-grid .card-grid-card p, html.darkMode.template-blocks_front_menu .front-header p {
  color: white;
}

.aalto-top-black-grey {
  background: #3d3d3d url(borders/aalto-black-darkgrey.png) repeat-x left top;
  background-size: 121px 12px;
}

.aalto-top-grey-black {
  background: #3d3d3d url(borders/aalto-darkgrey-black.png) repeat-x left top;
  background-size: 121px 12px;
}

.aalto-bottom-grey-black, html.darkMode .aalto-bottom-white-grey,
html.darkMode #tapahtumakalenteri,
html.darkMode #template-folder-content,
html.darkMode #template-video-content,
html.darkMode #template-text-content {
  background: #3d3d3d url(borders/aalto-darkgrey-black.png) repeat-x left bottom;
  background-size: 121px 12px;
}

html.kontrasti #frontpage-menu-card #frontpage-menu ul li {
  background-color: #fff;
}
html.kontrasti #frontpage-menu-card #frontpage-menu ul li a {
  color: #000;
}
html.kontrasti .card-grid-card .text-holder h1, html.kontrasti .card-grid-card .text-holder h2, html.kontrasti .card-grid-card .text-holder h3, html.kontrasti .card-grid-card .text-holder p {
  color: #000 !important;
}
html.kontrasti .card-grid-card-big .socool-block-text h1, html.kontrasti .card-grid-card-big .socool-block-text h2, html.kontrasti .card-grid-card-big .socool-block-text h3, html.kontrasti .card-grid-card-big .socool-block-text p {
  color: #fff !important;
}
html.kontrasti a {
  color: #1b7700;
}
html.kontrasti p a {
  color: #20660C;
  text-decoration: underline;
}
html.kontrasti p,
html.kontrasti h1,
html.kontrasti h2,
html.kontrasti h3 {
  color: #000;
}
html.kontrasti #right-text-column {
  color: #000;
}
html.kontrasti #right-text-column a {
  text-decoration: underline;
  font-weight: 700;
}
html.kontrasti #text-slides-wrap {
  background: #fff !important;
}
html.kontrasti .socool-block a h2 {
  color: #235a13;
}
html.kontrasti .post .read-more {
  text-decoration: underline;
  font-weight: bold;
  color: #235a13;
}
html.kontrasti .link-2,
html.kontrasti .btn {
  background: #48535e;
  color: #fff;
  text-decoration: none !important;
  padding: 8px 20px;
}

html.darkMode {
  background-color: #000;
}
html.darkMode body {
  background-color: #000 !important;
}
html.darkMode h1, html.darkMode h2, html.darkMode h3, html.darkMode h4, html.darkMode h5, html.darkMode h6, html.darkMode p {
  color: white;
}
html.darkMode .contentarea h1, html.darkMode .contentarea h2, html.darkMode .contentarea h3, html.darkMode .contentarea h4, html.darkMode .contentarea h5, html.darkMode .contentarea h6, html.darkMode .contentarea p {
  color: white !important;
}
html.darkMode .contentarea a {
  color: #6de1f3;
}
html.darkMode .contentarea a:focus {
  outline-color: #6de1f3;
}
html.darkMode .contentarea ul li a {
  background-color: transparent !important;
}
html.darkMode .aalto-bottom-white-grey,
html.darkMode #tapahtumakalenteri,
html.darkMode #template-folder-content,
html.darkMode #template-video-content,
html.darkMode #template-text-content {
  background-color: #3d3d3d;
  color: white;
}
html.darkMode #header {
  background-color: #3d3d3d;
}
html.darkMode article.post {
  background-color: #3c3c3c;
  color: white;
}
html.darkMode article.post .tag-holder {
  filter: invert(0.77);
}
html.darkMode article.post .text-holder {
  background-color: #3c3c3c;
  color: white;
}
html.darkMode article.post p strong,
html.darkMode article.post p b {
  color: white;
}
html.darkMode article.post a h2 {
  color: white;
}
html.darkMode .socool-block {
  background-color: #3c3c3c !important;
  color: white;
}
html.darkMode .socool-block a p {
  color: white;
}
html.darkMode .socool-block a p b {
  color: #6de1f3 !important;
}
html.darkMode.scrolled #menu-wrap {
  background-color: #3c3c3c;
}
html.darkMode.template-text .article, html.darkMode.template-textwide .article {
  background-color: #3c3c3c;
  color: white;
}
html.darkMode #reaktio-buttons .selected .reaktio-checkmark {
  filter: invert(1);
}
html.darkMode #reaktio-buttons .reaktio-button {
  background-color: #504f4f;
  color: white;
  border: 1px solid #6de1f3;
}
html.darkMode #reaktio-buttons .reaktio-button.selected {
  background-color: #6de1f3;
  color: black;
}
html.darkMode #reaktio-buttons .reaktio--comment {
  background-color: #3d3d3d;
  border: none;
}
html.darkMode .post ul.post-listing li a small {
  color: #d4cfcf !important;
}
html.darkMode .post .read-more {
  color: #6de1f3;
}
html.darkMode .post a {
  color: white;
}
html.darkMode #search-results span.result-text {
  color: #fff;
}
html.darkMode #search-results span.result-title {
  color: #fff;
}
html.darkMode #content ul li:before {
  color: #fff;
  background-color: #fff;
}
html.darkMode #content strong,
html.darkMode #content b {
  color: white;
}
html.darkMode table.table-style-one tr:nth-child(odd) {
  background-color: #3c3c3c;
  color: white;
}
html.darkMode table.table-style-two tr:nth-child(odd) {
  background-color: #3c3c3c;
  color: white;
}
html.darkMode .article {
  background-color: #3c3c3c;
  color: white;
}
html.darkMode .form label {
  color: white;
}
html.darkMode .form input[type=submit] {
  background-color: #6de1f3;
  color: black;
}
html.darkMode .form .form-control-upload .form-upload-button {
  background-color: #6de1f3;
  color: black;
}
html.darkMode .link-2,
html.darkMode .btn {
  background-color: #6de1f3 !important;
  color: black !important;
}
html.darkMode .socool-block-style-image-right-66.socool-block-green:after {
  background-image: url(masks/harmaa_bg_oikea_darkMode.png);
}
html.darkMode #sitebackground-gradient {
  width: 100%;
  height: 400px;
  position: absolute;
  top: 800px;
  background: -moz-linear-gradient(top, rgba(215, 227, 236, 0) 0%, rgb(39, 39, 39) 100%);
  background: -webkit-linear-gradient(top, rgba(215, 227, 236, 0) 0%, rgb(39, 39, 39) 100%);
  background: linear-gradient(to bottom, rgba(215, 227, 236, 0) 0%, rgb(39, 39, 39) 100%);
}
html.darkMode .form-required > label:after {
  color: #6de1f3;
}
html.darkMode .column-graph-container {
  background-color: white;
}
html.darkMode .pie-graph-container {
  background-color: white;
}
html.darkMode .socool-chart {
  background-color: white;
}
html.darkMode .external-link.link-2:before {
  background: url(icons/link-external-black.svg);
}
html.darkMode .external-link:after {
  background: url(icons/link-external.svg);
}
html.darkMode .contentarea a.external-link:after {
  background: url(icons/link-external.svg);
}
html.darkMode .external-block-link .external-block-link-notification {
  background: transparent url(icons/link-external.svg) no-repeat right top;
}
html.darkMode #front-ajankohtaista-heading h3 {
  /* Saavutettavuus - Just to overcome Validator error */
  background-color: #3d3d3d;
}

html.no-touch body.kontrasti .link-2:hover:hover {
  text-decoration: none !important;
  background: #101010;
}
html.no-touch body.kontrasti .btn:hover {
  text-decoration: none !important;
  background: #101010;
}
html.no-touch body.darkMode.no-cms a.socool-block-link .socool-block-background-image {
  background-color: #3c3c3c;
}
html.no-touch body.darkMode.no-cms a.socool-block-link:after {
  color: black;
  background-color: #6de1f3;
}
html.no-touch body.darkMode .post a:hover h2 {
  color: #6de1f3;
}
html.no-touch body.darkMode .post a:hover .read-more {
  color: black;
  background-color: #6de1f3;
}

#icon-contrast {
  fill: #57616c;
  fill-rule: evenodd;
}/*# sourceMappingURL=darkmode.css.map */