/* override original css */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

h1, .editor a {
  color:#753bbd;
}
img[align=left] {
  padding-right:15px;
}
img[align=right] {
  padding-left:15px;
}
.editor {
  color:#333;
}
.body-static {
  overflow: auto;
  height:100%;
}
.modal-overlay {
	opacity: 0;
	filter:alpha(opacity=0);
	position:fixed;
	top:0;
	left:0;
	z-index:1040;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.7) !important;
}
.jaapuisto-purple {
  color:#753bbd;
}
.hero-logo-wrapper {
  height:auto;
}
.front-hero-tausta {
  height: 400px;
}
.hero-sisalto {
  position: static;
  margin-top:80px;
}
.current-weather, #countdown p {
  background-color: #05c3de;
}
.event-carousel {
  color:#753bbd;
  background-color: #fff;
}
.event-nostoboxit {
  color:#fff;
}
.nosto-tapahtumiin {width:49%;}
.nosto-tapahtumiin-back{width:100%;}
.event-carousel-items {
  padding:15px 0 0 0;
}
.event-name a {
  color:#753bbd;
}
.jaapuisto-nosto-wrapper-big {
  width:47.7%;
  color:#fff;
}
.jaapuisto-nosto-wrapper-small {
  width:25%;
  color:#fff;
}
.sub-page-title {
  top:55%;
  right:2%;
}
.alasivu-header-container {
  height:100%;
  position: relative;
}
#jaapuisto-nostot-2 {padding-right:0;}
.main-carousel {margin-bottom:15px !important;}
#footer-bg {
  background-position: 50% 300px;
  background-color: #753bbd;
}
#header-top-bar {
  background-color: #462471;
}
.jaapuisto-front-header-top-bar {
  background-color: #753BBD !important;
}
#header-button {
  background-color: #5E2F96;
}
#header-input {
  background-color: #5E2F96;
}
#main-nav-sub, #main-nav {
  background-color: transparent;
}
.tooltip-icon {
  background-color: #753bbd;
  width:130px;
  text-align: center;
}
.side-menu .level1 {
  font-weight: bold;
}
.side-menu a {
color:#753bbd;
}
.side-menu {
  margin-top:25px;
}
.jaapuisto-partners-heading {
  background-color: #753bbd;
  text-align: center;
  color:#fff;
  margin: 25px 0 40px 0 !important;
  padding: 25px 0;
}
.nosto-otsikko-js {
  height:60px;
}
.menu-secondary {
  width:80%;
}
.footer-some-jaapuisto li {display: inline-block; margin-right:10px;}
.menu-secondary li {display: inline-block;}
.menu-secondary li {
  position: relative;
}
.submenu {
  left:0px;
  width:200px;
  background-color: #753BBD !important;
}
#refe-wrapper img {
  max-width:100%;
  height:auto;
}
.sponsors-wrapper {
  margin-top:25px;
  padding-right:0;
}
#some-feeds-wrapper {
  margin:0 auto;
  padding-right:0;
}
.ikoni-nostot-wrapper {
  margin:15px 0;
}
.ikoni-nostot-single-wrapper {
  color:#fff;
  position: relative;
}
.icon-header {
  position: absolute;
  top:65%;
  left:0%;
  width:98%;
}
.header-some-jaapuisto li {
  display: inline;
  margin:0 5px;
}
.header-some-jaapuisto {
  float:left;
  margin-top: 8px;
}
.sponsor-block-single {
  width: 32.56%;
  margin-right: 5px;
  padding:0;
}
@media screen and (max-width: 1200px) {
  #sub-page-content-sp3 img {
    max-width: 100%;
  }
    .menu-secondary {width:75%;}
  #jaapuisto-nostot-2 {
    width:100%;
  }
}
@media screen and (max-width: 1000px) {
    .nosto-tapahtumiin{width:100%;}
  .tapahtuma-box-wrapper {
    width:49%;
  }
  .right-side-container {
    display: none;
  }
  .main-content-container {width:100%;}
  .ikoni-nostot-single-wrapper {
    width:33%;
    float: left;
    height:220px;
    padding:0 5px;
  }
  .sponsor-block-single {
    width:32%;
    float:left;
  }
  .nosto-otsikko-js {
    height:100px;
  }
  .jaapuisto-nosto-wrapper-big {
    width:45%;
  }
  .jaapuisto-nosto-wrapper-big .back h3, .jaapuisto-nosto-wrapper-small .back h3 {
    font-size: 18px;
  }
  .jaapuisto-nosto-wrapper-big, .jaapuisto-nosto-wrapper-small {
    word-wrap: break-word;
  }
  .event-prev {left:-60px;}
  .event-carousel-items {width:90%;}
  .hero-sisalto {
    display: none;
  }
  .search-button {
    position: absolute;
    background: none;
    border: none;
    top: 13.5px;
    right: 40px;
}
.search-button .fa-search {
    color: #18345F;
    font-size: 20px;
}
  .header-some-jaapuisto {
    width:300px;
    margin-top:25px;
    margin-bottom:50px;
  }
  .header-some-jaapuisto li {
    display: block;
    float:left;
    margin-left:9px;
    height:40px;
    padding: 10px 0;
    width:20%;
    text-align: center;
    background-color: #753BBD;
  }
  #search .inputfield {
    width:240px;
    border:none;
    padding:5px;
  }
  .menu-secondary li.active-page > a {
    background-color: #753BBD;
    color:#fff !important;
  }
  .menu-secondary .level1 > a {
    padding:10px 5px;
    display: inline-block;
    text-transform: uppercase !important;
  }
  .language-toggle .first:after {
    content:"|";
    margin-left:15px;
  }
  .language-toggle .last:before {
    content:"|";
    margin-right:15px;
  }
  .language-toggle .mid, .language-toggle .last, .language-toggle .first {
    display: inline-block;
    background-color: #6327AC;
  }
  .language-toggle li {
    display: inline;
  }
  .language-toggle {
    background-color: #6327AC;
  }
  #three-bar:after {
    float:right;
    content:"☰ MENU";
    margin-right:25px;
    margin-top:60px;
  }
.submenu {
  width:100%;
  position: static;
  display: block;
}
#mobile-header {
  z-index:1041;
}
#mobile-header .menu-secondary li {
  display: inline-block;
  width:220px;
}
#navbar-allas-mobile {
  background-color: #6327AC;
  right:0;
  left:inherit;
  width:315px;
  height:80vh;
  overflow: scroll;
  -webkit-overflow-scrolling:touch; // mobile safari
}
#search, #mobile-logo {
  background-color: #6327AC;
}
}
@media screen and (max-width: 550px) {
  .footer-some-jaapuisto {margin-top:15px;}
  .footer-some-wrapper {
    display: inline-block;
    text-align: center;
  }
  .sponsors-wrapper {padding-left:0;}
  .slide {height:300px;}
  .front-hero-tausta {height:350px;}

  .tapahtuma-box-wrapper {
    width:100%;
  }
  .jaapuisto-nosto-wrapper-big, .jaapuisto-nosto-wrapper-small {
    width:100%;
  }
  .sponsor-block-single{
    width:100%;
    margin-bottom:15px;
  }
  #footer .col-sm-3 {
    min-height: auto;
    text-align: center;
  }
  #footer-schedule, #footer-contact, #footer-some {
    margin-top:15px;
  }
}

@media (max-width: 767px) {
  .blog-article-inner { padding: 0 15px; }
}
