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

.aalto-bottom-grey-white, #template-text-cards {
  background: white url(borders/aalto-grey-white.png) repeat-x left bottom;
  background-size: 121px 12px;
}

.aalto-top-grey-white, #front-ajankohtaista {
  background: white url(borders/aalto-grey-white.png) repeat-x left top;
  background-size: 121px 12px;
}

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

.aalto-top-white-grey-transparent, #front-bottom-cards-container {
  background: transparent url(borders/aalto-white-grey.png) repeat-x left top;
  background-size: 121px 12px;
}

.aalto-top-white-grey-transparent, #front-bottom-cards-container {
  background: transparent url(borders/aalto-white-grey.png) repeat-x left top;
  background-size: 121px 12px;
}

.aalto-top-darkgrey-black-transparent, .darkMode #front-bottom-cards-container {
  background: transparent url(borders/aalto-darkgrey-black.png) repeat-x left top;
  background-size: 121px 12px;
}

.aalto-bottom-footer-transparent, #wrapper {
  background: transparent url(borders/aalto-footer.png) repeat-x left bottom;
  background-size: 121px 12px;
}

.aalto-bottom-footer-dark-transparent, .darkMode #wrapper {
  background: transparent url(borders/aalto-footer-dark.png) repeat-x left bottom;
  background-size: 121px 12px;
}

.aalto-bottom-footer-white-transparent {
  background: transparent url(borders/aalto-footer-white.png) repeat-x left bottom;
  background-size: 121px 12px;
}

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

.darkgrey-background, .darkMode #footer {
  background: #3c3c3c;
}

/* Basic layout blocks */
/*

#footer {
}
html {
	&.template-form_editor,
	&.template-form_editor_suomifi,
	&.template-form_editor_suomifi_test,
	&.template-form_popup,
	&.template-form_ilmoitatapahtuma,
	&.template-text {
        #footer {
        }
	}
}

*/
/* Site basic width - used in footer, cards, breadcrumbs etc. */
.site-wide-width, #blocks-container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .site-wide-width, #blocks-container {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .site-wide-width, #blocks-container {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1400px) {
  .site-wide-width, #blocks-container {
    max-width: 1400px;
  }
}
@media only screen and (min-width: 1600px) {
  .site-wide-width, #blocks-container {
    max-width: 1500px;
  }
}
@media only screen and (min-width: 1800px) {
  .site-wide-width, #blocks-container {
    max-width: 1550px;
  }
}
@media only screen and (min-width: 2000px) {
  .site-wide-width, #blocks-container {
    max-width: 1600px;
  }
}

.site-basic-width, #template-news-cards #template-news-cards-container, #template-text-cards #template-text-cards-container, .cards-container,
#footer-container,
#top-aid-menu-container,
#front-bottom-cards-content,
#template-news-cards-container,
#basic-post-grid-container,
#front-top-cards-content,
#video-wrap,
#video-description-wrap,
#breadcrumbs {
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .site-basic-width, #template-news-cards #template-news-cards-container, #template-text-cards #template-text-cards-container, .cards-container,
  #footer-container,
  #top-aid-menu-container,
  #front-bottom-cards-content,
  #template-news-cards-container,
  #basic-post-grid-container,
  #front-top-cards-content,
  #video-wrap,
  #video-description-wrap,
  #breadcrumbs {
    max-width: 960px;
  }
}
@media only screen and (min-width: 1200px) {
  .site-basic-width, #template-news-cards #template-news-cards-container, #template-text-cards #template-text-cards-container, .cards-container,
  #footer-container,
  #top-aid-menu-container,
  #front-bottom-cards-content,
  #template-news-cards-container,
  #basic-post-grid-container,
  #front-top-cards-content,
  #video-wrap,
  #video-description-wrap,
  #breadcrumbs {
    max-width: 1060px;
  }
}
@media only screen and (min-width: 1400px) {
  .site-basic-width, #template-news-cards #template-news-cards-container, #template-text-cards #template-text-cards-container, .cards-container,
  #footer-container,
  #top-aid-menu-container,
  #front-bottom-cards-content,
  #template-news-cards-container,
  #basic-post-grid-container,
  #front-top-cards-content,
  #video-wrap,
  #video-description-wrap,
  #breadcrumbs {
    max-width: 1160px;
  }
}
@media only screen and (min-width: 1600px) {
  .site-basic-width, #template-news-cards #template-news-cards-container, #template-text-cards #template-text-cards-container, .cards-container,
  #footer-container,
  #top-aid-menu-container,
  #front-bottom-cards-content,
  #template-news-cards-container,
  #basic-post-grid-container,
  #front-top-cards-content,
  #video-wrap,
  #video-description-wrap,
  #breadcrumbs {
    max-width: 1260px;
  }
}
@media only screen and (min-width: 1800px) {
  .site-basic-width, #template-news-cards #template-news-cards-container, #template-text-cards #template-text-cards-container, .cards-container,
  #footer-container,
  #top-aid-menu-container,
  #front-bottom-cards-content,
  #template-news-cards-container,
  #basic-post-grid-container,
  #front-top-cards-content,
  #video-wrap,
  #video-description-wrap,
  #breadcrumbs {
    max-width: 1360px;
  }
}
@media only screen and (min-width: 2000px) {
  .site-basic-width, #template-news-cards #template-news-cards-container, #template-text-cards #template-text-cards-container, .cards-container,
  #footer-container,
  #top-aid-menu-container,
  #front-bottom-cards-content,
  #template-news-cards-container,
  #basic-post-grid-container,
  #front-top-cards-content,
  #video-wrap,
  #video-description-wrap,
  #breadcrumbs {
    max-width: 1460px;
  }
}
@media only screen and (max-width: 640px) {
  .site-basic-width, #template-news-cards #template-news-cards-container, #template-text-cards #template-text-cards-container, .cards-container,
  #footer-container,
  #top-aid-menu-container,
  #front-bottom-cards-content,
  #template-news-cards-container,
  #basic-post-grid-container,
  #front-top-cards-content,
  #video-wrap,
  #video-description-wrap,
  #breadcrumbs {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 520px) {
  .site-basic-width, #template-news-cards #template-news-cards-container, #template-text-cards #template-text-cards-container, .cards-container,
  #footer-container,
  #top-aid-menu-container,
  #front-bottom-cards-content,
  #template-news-cards-container,
  #basic-post-grid-container,
  #front-top-cards-content,
  #video-wrap,
  #video-description-wrap,
  #breadcrumbs {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
  }
}

.site-narrow-width, .narrow-article, .template-kuntarekry .article,
.template-form_editor .article,
.template-form_editor_suomifi .article,
.template-form_editor_suomifi_test .article,
.template-form_editor_popup .article,
.template-text .article,
.template-folder_with_cards .article,
.template-textwide .article {
  max-width: 760px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
@media only screen and (min-width: 1200px) {
  .site-narrow-width, .narrow-article, .template-kuntarekry .article,
  .template-form_editor .article,
  .template-form_editor_suomifi .article,
  .template-form_editor_suomifi_test .article,
  .template-form_editor_popup .article,
  .template-text .article,
  .template-folder_with_cards .article,
  .template-textwide .article {
    max-width: 760px;
  }
}
@media only screen and (min-width: 1400px) {
  .site-narrow-width, .narrow-article, .template-kuntarekry .article,
  .template-form_editor .article,
  .template-form_editor_suomifi .article,
  .template-form_editor_suomifi_test .article,
  .template-form_editor_popup .article,
  .template-text .article,
  .template-folder_with_cards .article,
  .template-textwide .article {
    max-width: 790px;
  }
}
@media only screen and (min-width: 1600px) {
  .site-narrow-width, .narrow-article, .template-kuntarekry .article,
  .template-form_editor .article,
  .template-form_editor_suomifi .article,
  .template-form_editor_suomifi_test .article,
  .template-form_editor_popup .article,
  .template-text .article,
  .template-folder_with_cards .article,
  .template-textwide .article {
    max-width: 830px;
  }
}
@media only screen and (min-width: 1800px) {
  .site-narrow-width, .narrow-article, .template-kuntarekry .article,
  .template-form_editor .article,
  .template-form_editor_suomifi .article,
  .template-form_editor_suomifi_test .article,
  .template-form_editor_popup .article,
  .template-text .article,
  .template-folder_with_cards .article,
  .template-textwide .article {
    max-width: 870px;
  }
}
@media only screen and (min-width: 2000px) {
  .site-narrow-width, .narrow-article, .template-kuntarekry .article,
  .template-form_editor .article,
  .template-form_editor_suomifi .article,
  .template-form_editor_suomifi_test .article,
  .template-form_editor_popup .article,
  .template-text .article,
  .template-folder_with_cards .article,
  .template-textwide .article {
    max-width: 920px;
  }
}

@media only screen and (min-width: 2000px) {
  .site-extended-width {
    max-width: 1600px;
  }
}

@media only screen and (max-width: 799px) {
  #front-bottom-cards {
    grid-template: 1fr/1fr;
  }
  #front-bottom-cards .card-grid-card {
    grid-row: span 1 !important;
    grid-column: span 1 !important;
  }
}
#top-aid-menu-layout {
  background: #f0f0f0;
  position: relative;
}

#footer-container {
  /*  @extend .site-extended-width; */
}

#blocks-container {
  display: block;
  min-height: 100px;
}

@media only screen and (max-width: 800px) {
  #top-aid-menu-layout {
    display: none;
  }
  #main-content {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 800px) {
  #footer-container {
    box-sizing: border-box;
    padding: 0 30px;
  }
}
#template-text-content {
  width: 100%;
  float: left;
  padding-bottom: 100px;
}

#template-folder-content {
  width: 100%;
  float: left;
  padding-bottom: 30px;
}

#template-folder-content,
#template-video-content {
  width: 100%;
  float: left;
  padding-top: 0px;
  padding-bottom: 50px;
}
#template-folder-content h1,
#template-video-content h1 {
  margin-top: 50px;
}
#template-folder-content #video-text,
#template-video-content #video-text {
  padding-top: 20px;
  display: block;
  float: left;
  width: 100%;
}

#front-ajankohtaista {
  background-color: #fff;
  padding-top: 33px;
  display: block;
  float: left;
  width: 100%;
}

.template-kuntarekry .article,
.template-form_editor .article,
.template-form_editor_suomifi .article,
.template-form_editor_suomifi_test .article,
.template-form_editor_popup .article,
.template-text .article,
.template-folder_with_cards .article,
.template-textwide .article {
  padding: 0;
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  float: none;
  box-sizing: border-box;
}
.template-kuntarekry .article #text,
.template-form_editor .article #text,
.template-form_editor_suomifi .article #text,
.template-form_editor_suomifi_test .article #text,
.template-form_editor_popup .article #text,
.template-text .article #text,
.template-folder_with_cards .article #text,
.template-textwide .article #text {
  padding-top: 30px;
}
@media only screen and (max-width: 800px) {
  .template-kuntarekry .article,
  .template-form_editor .article,
  .template-form_editor_suomifi .article,
  .template-form_editor_suomifi_test .article,
  .template-form_editor_popup .article,
  .template-text .article,
  .template-folder_with_cards .article,
  .template-textwide .article {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.narrow-article {
  padding: 0;
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  float: none;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  .narrow-article {
    padding-left: 20px;
    padding-right: 20px;
  }
}

#front-bottom-cards-container {
  padding-bottom: 40px;
  padding-top: 90px;
  display: block;
  float: left;
  width: 100%;
}

#template-text-cards {
  background-color: #f0f0f0;
  padding-top: 30px;
  padding-bottom: 80px;
  width: 100%;
  min-height: 200px;
  float: left;
}
#template-text-cards #template-text-cards-header h2 {
  font-size: 28px !important;
  color: #495e71 !important;
  margin: 20px 0 20px 0 !important;
}
#template-text-cards #template-text-cards-container {
  box-sizing: border-box;
  width: 100%;
  padding: 0 32px;
  margin: 0 auto;
  display: block;
}
@media only screen and (max-width: 799px) {
  #template-text-cards #template-text-cards-container {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 800px) {
  .template-search #main-content {
    padding: 0 16px;
  }
}
.darkMode #template-text-cards #template-text-cards-header h2 {
  color: #fff !important;
}
.darkMode #template-text-cards {
  background: transparent url(borders/aalto-middle.png) repeat-x left bottom;
  background-size: 121px 315px;
}

#template-news-cards {
  background-color: #f0f0f0;
  padding-top: 30px;
  padding-bottom: 80px;
  width: 100%;
  min-height: 200px;
  float: left;
}
#template-news-cards #template-news-cards-header h2 {
  font-size: 28px !important;
  color: #495e71 !important;
  margin: 20px 0 20px 0 !important;
}
#template-news-cards #template-news-cards-container {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  display: block;
}/*# sourceMappingURL=site-layout.css.map */