/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
}


/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

@media (max-width: 768px) {
  .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    padding: 00px;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #2c6e98;
}


/*
 * Main content
 */

.main {
  padding: 0px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 00px;
    padding-left: 00px;
  }
}

@media (min-width: 768px) {
  body {
    font-size: 9;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}


iframe,img,object {
 max-width:100%
}
a:active,a:focus,a:hover {
 color:#009700
}
a,a:active,a:focus,a:hover {
 
 }
article,aside,details,figcaption,figure,footer,header,hgroup,nav,pre code,section {
 display:block
}
.footer .headertext,.header__text {
 text-transform:uppercase;
 line-height:1
}
* {
 box-sizing:border-box
}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,ol,pre,td,textarea,th,ul {
 margin:0;
 padding:0
}
a img,fieldset,img {
 border:0
}
img {
 vertical-align:middle
}

html {
 -webkit-text-size-adjust:none
}
body,html {
 font:14px/1.4 "Open Sans",sans-serif;
 color:#191919
}
@media (min-width:768px) {
 body,html {
  font-size:16px
 }
}
p {
 margin:0 0 1rem
}
form,ol,pre,table,ul {
 margin:0 0 20px
}
h1,h2,h3,h4,h5,h6 {
 margin:1em 0;
 color:#191919;
 font-family:Raleway,sans-serif;
 font-weight:600
}
h1 {
 font-size:26px;
 line-height:28px
}
@media (min-width:480px) {
 h1 {
  font-size:40px;
  line-height:42px
 }
}
h2 {
 font-size:24px;
 line-height:26px
}
@media (min-width:480px) {
 h2 {
  font-size:30px;
  line-height:32px
 }
}
h3 {
 font-size:20px;
 line-height:22px
}
h4 {
 font-size:18px;
 line-height:20px
}
h5 {
 font-size:16px;
 line-height:18px
}
a {
 color:#006400;
 text-decoration:none
}
a:hover {
 text-decoration:none
}
blockquote {
 border-left:2px solid #DFE2DB;
 color:#888;
 margin:0 0 1.6em;
 padding-left:2em
}
code,pre,tt {
 font:1em/1.3 'Ubuntu Mono',Consolas,'DejaVu Sans Mono',Monaco,'Courier New',Courier,monospace
}
code {
 display:inline;
 font-weight:600
}
pre code {
 background:0 0;
 border:0;
 padding:0
}
small {
 font-size:.85em
}
ul {
 list-style:square
}
ol li,ul li {
 margin-bottom:5px;
 margin-left:20px
}
body .footer,body .header {
 -ms-flex:0 0 auto;
 flex:0 0 auto
}
body .wrapper--page {
 -ms-flex:1 1 auto;
 flex:1 1 auto
}
.wrapper {
 margin-left:auto;
 margin-right:auto;
 max-width:1440px;
 width:100%
}
.wrapper--page {
 margin-top:20px;
 margin-bottom:20px
}
@media (min-width:768px) {
 .wrapper--page {
  display:-ms-flexbox;
  display:flex
 }
 .content--wrap {
  -ms-flex:1 1 auto;
  flex:1 1 auto
 }
}
.content {
 padding:0 30px
}
.navigation {
 width:250px
}
@media (min-width:768px) {
 .content {
  padding:0 30px 0 20px;
  -ms-flex:1 1 auto;
  flex:1 1 auto
 }
 .navigation {
  width:190px;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  margin-right:20px
 }
}
@media (min-width:1024px) {
 .content--wrap {
  display:-ms-flexbox;
  display:flex
 }
 .banners {
  width:190px;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  margin-right:20px
 }
}
.path {
 color:#595959;
 font-size:.9em
}
body.nav-open {
 overflow:hidden
}
.overlay {
 position:fixed;
 display:none;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-color:rgba(0,0,0,.6);
 z-index:98
}
.nav-open .overlay {
 display:block;
 animation:fadeInFromNone .6s linear
}
@keyframes fadeInFromNone {
 0% {
  display:none;
  opacity:0
 }
 1% {
  display:block;
  opacity:0
 }
 100% {
  display:block;
  opacity:1
 }
}
.icon {
 display:inline-block;
 width:1em;
 height:1em;
 stroke-width:0;
 stroke:currentColor;
 fill:currentColor
}
.icon-arrow-down {
 background:url(../icons/arrow-down-circle-active.png) center center no-repeat;
 width:35px;
 height:35px;
 display:inline-block;
 vertical-align:text-bottom;
 opacity:.7;
 transition-duration:.4s;
 transition-property:transform
}
.navigation li,.navigation li a {
 transition:all .4s;
 display:block
}
.icon-arrow-down:active,.icon-arrow-down:focus,.icon-arrow-down:hover {
 opacity:1
}
.icon-arrow-down:hover {
 cursor:pointer
}
.icon-arrow-down.open {
 -ms-transform:rotate(180deg);
 transform:rotate(180deg);
 -webkit-transform:rotate(180deg)
}
.btn,[class|=btn],input[type=reset],input[type=submit] {
 background:#006400;
 border:0;
 color:#fff;
 cursor:pointer;
 display:inline-block;
 font-family:inherit;
 font-size:1em;
 font-weight:600;
 line-height:19px;
 margin:0 0 20px;
 text-decoration:none;
 text-shadow:none;
 text-transform:uppercase;
 border-radius:4px;
 padding:4px 15px
}
.btn.act,.btn:active,.btn:focus,.btn:hover,[class|=btn].act,[class|=btn]:active,[class|=btn]:focus,[class|=btn]:hover,input[type=reset].act,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit].act,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover {
 color:#fff;
 background:#009700
}
.btn.disabled,.btn.disabled:active,.btn.disabled:focus,.btn.disabled:hover,.btn:disabled,.btn:disabled:active,.btn:disabled:focus,.btn:disabled:hover,.btn[disabled=disabled],.btn[disabled=disabled]:active,.btn[disabled=disabled]:focus,.btn[disabled=disabled]:hover,[class|=btn].disabled,[class|=btn].disabled:active,[class|=btn].disabled:focus,[class|=btn].disabled:hover,[class|=btn]:disabled,[class|=btn]:disabled:active,[class|=btn]:disabled:focus,[class|=btn]:disabled:hover,[class|=btn][disabled=disabled],[class|=btn][disabled=disabled]:active,[class|=btn][disabled=disabled]:focus,[class|=btn][disabled=disabled]:hover,input[type=reset].disabled,input[type=reset].disabled:active,input[type=reset].disabled:focus,input[type=reset].disabled:hover,input[type=reset]:disabled,input[type=reset]:disabled:active,input[type=reset]:disabled:focus,input[type=reset]:disabled:hover,input[type=reset][disabled=disabled],input[type=reset][disabled=disabled]:active,input[type=reset][disabled=disabled]:focus,input[type=reset][disabled=disabled]:hover,input[type=submit].disabled,input[type=submit].disabled:active,input[type=submit].disabled:focus,input[type=submit].disabled:hover,input[type=submit]:disabled,input[type=submit]:disabled:active,input[type=submit]:disabled:focus,input[type=submit]:disabled:hover,input[type=submit][disabled=disabled],input[type=submit][disabled=disabled]:active,input[type=submit][disabled=disabled]:focus,input[type=submit][disabled=disabled]:hover {
 cursor:default;
 background:#a8a8a8;
 box-shadow:none;
 text-decoration:none
}
input[type=reset] {
 background-color:#ccc
}
input[type=reset].act,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover {
 background-color:#aaa
}
input,textarea {
 color:#191919;
 font-family:"Open Sans",sans-serif;
 font-size:1em;
 line-height:20px
}
.footer .headertext,.header__text,legend,table th {
 font-family:Raleway,sans-serif
}
legend {
 margin:0 0 20px
}
input[type=text],input[type=password],textarea {
 background:#fff;
 border:1px solid #ccc;
 border-radius:2px;
 font-size:1em;
 margin:0 0 20px;
 outline:0;
 padding:5px 5px 4px;
 line-height:16px
}
input[type=text].defaultText,input[type=password].defaultText,textarea.defaultText {
 color:#595959
}
input[type=text]:focus,input[type=text]:hover,input[type=password]:focus,input[type=password]:hover,textarea:focus,textarea:hover {
 border-color:#b5b5b5
}
input[type=image].searchButton {
 opacity:.8;
 -moz-opacity:.8;
 filter:alpha(opacity=80)
}
input[type=image].searchButton:active,input[type=image].searchButton:focus,input[type=image].searchButton:hover {
 opacity:1;
 -moz-opacity:1;
 filter:alpha(opacity=100)
}
[type=checkbox],select {
 margin:0 0 20px
}
label+label {
 margin-left:15px
}
@media (min-width:1px) {
 input[type=radio].styled {
  visibility:hidden
 }
 input[type=radio].styled+span {
  display:inline-block;
  width:19px;
  height:19px;
  margin:-1px 4px 0 0;
  vertical-align:middle;
  background:url(../images/icons/check_radio_sheet.png) -38px top no-repeat;
  cursor:pointer
 }
 input[type=radio].styled:checked+span {
  background:url(../images/icons/check_radio_sheet.png) -57px top no-repeat
 }
}
table {
 border:none;
 width:100%;
 border-collapse:collapse;
 border-spacing:0;
 clear:both
}
@media (max-width:767px) {
 table {
  font-size:.9rem
 }
}
table th {
 padding:10px 10px 10px 0;
 border:0;
 border-bottom:1px solid #DFE2DB;
 text-align:left
}
.banners a,.clubs,.footer {
 text-align:center
}
table tr {
 vertical-align:top;
 border:0
}
table td {
 border:0;
 border-bottom:1px solid #DFE2DB;
 padding:7px 10px 7px 0
}
table.calendar {
 border-bottom:1px solid #ccc
}
table.calendar .tablet-up {
 display:none
}
@media (min-width:768px) {
 table.calendar .tablet-up {
  display:table-cell
 }
}
table.calendar .desktop-up {
 display:none
}
@media (min-width:1024px) {
 table.calendar .desktop-up {
  display:table-cell
 }
}
@media (min-width:768px) {
 table.calendar .mobile-help {
  display:none
 }
}
table.calendar .extra-info {
 display:none
}
table.calendar .extra-info td {
 padding-top:0
}
table.calendar .extra-info label {
 display:inline-block;
 width:100px;
 line-height:25px;
 font-weight:600
}
@media (min-width:768px) {
 table.calendar .extra-info .only-mobile {
  display:none
 }
}
.loading {
 margin-bottom:20px;
 min-height:42px;
 position:relative
}
.sticky-wrapper .stuck {
 position:fixed;
 top:0
}
.navigation {
 background:#fff
}
.navigation .homeicon {
 display:block;
 margin-top:5px;
 border:0
}
.navigation .homeicon:hover {
 border:0
}
.navigation ul {
 padding:10px 0
}
.navigation li {
 margin:0 5px;
 border-bottom:1px solid #DFE2DB
}
.navigation li:hover {
 border-bottom-color:#006400
}
.navigation li.subsection {
 padding-left:10px
}
.navigation li.newsection {
 margin-top:20px
}
.navigation li a {
 color:#777;
 font-variant:small-caps;
 font-size:1.1rem;
 line-height:1;
 padding:10px;
 border:0
}
.navigation li a:hover {
 color:#191919;
 border:0
}
@media (max-width:767px) {
 .navigation {
  position:fixed;
  z-index:99;
  top:0;
  bottom:0;
  transition:all .4s;
  transform:translate3d(-250px,0,0);
  border-right:1px solid #DFE2DB
 }
 .nav-open .navigation {
  transform:translate3d(0,0,0)
 }
 .nav-open .navigation .navigation__toggle {
  opacity:1;
  background:#fff;
  color:#191919
 }
 .navigation .navigation__toggle {
  cursor:pointer;
  display:inline-block;
  position:absolute;
  top:6px;
  right:-31px;
  padding:8px;
  font-size:16px;
  line-height:1;
  background:#333;
  color:#fff;
  border:1px solid #DFE2DB;
  border-radius:0 3px 3px 0;
  border-left:0;
  transition:all .4s
 }
 .navigation .navigation__content {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  overflow-y:auto
 }
}
.navigation__toggle {
 display:none
}
.banners {
 margin:80px 20px 20px;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -ms-flex-pack:distribute;
 justify-content:space-around;
 border-top:1px solid #DFE2DB;
 padding-top:20px
}
.banners a {
 margin:10px;
 width:calc(50% - 20px);
 border:0
}
.banners a img {
 max-width:110px;
 max-height:110px
}
@media (min-width:768px) {
 .banners a {
  width:calc(25% - 20px)
 }
}
@media (min-width:1024px) {
 .banners {
  margin-top:30px;
  -ms-flex-item-align:start;
  align-self:flex-start;
  -ms-flex-pack:center;
  justify-content:center;
  border:0;
  padding-top:0
 }
 .banners a {
  width:calc(100% - 20px)
 }
}

@media (min-width:768px) {
 .header__text {
  font-size:28px;
  margin-left:230px
 }
}
.footer {
 margin-top:40px;
 background:#333;
 padding:30px 30px 20px
}
.footer .headertext {
 display:block;
 padding:5px 0;
 font-size:20px;
 color:#DFE2DB
}
.footer img.contact {
 width:150px
}
.footer .feedback {
 margin:20px 0
}
.footer .feedback a {
 font-weight:600;
 color:#fff
}
@media (min-width:768px) {
 .footer .headertext {
  font-size:28px
 }
 .frontpage {
  margin-top:30px
 }
 .event__item {
  display:-ms-flexbox;
  display:flex
 }
}
.welcome {
 line-height:1.5;
 margin:20px 0 40px;
 position:relative
}
.welcome:before {
 color:#ccc;
 content:'\201C';
 font-size:4em;
 line-height:1;
 font-family:Georgia,serif;
 position:absolute;
 top:-30px;
 left:0
}
.news {
 line-height:1.5
}
@media (min-width:480px) {
 .welcome {
  margin:50px
 }
 .welcome:before {
  left:-40px;
  top:0
 }
 .news {
  margin:0 50px
 }
}

.events {
 margin-bottom:50px
}

@media (min-width:480px) {
 .events {
  margin:0 10px 20px
 }
}
.event__item {
 margin-bottom:20px
}
.event__item:last-child {
 margin-bottom:0
}
.event__date,.event__link,.event__locationtext,.event__title {
 display:block
}
.event__title {
 color:#595959;
 font-size:.9rem;
 margin-top:5px;
 margin-bottom:10px;
 position:relative;
 padding-left:30px
}
.event__title:before {
 content:'\25E2';
 color:red;
 margin-right:10px;
 box-shadow:3px 5px 5px #DFE2DB;
 position:absolute;
 left:0
}
.event__data {
 margin-left:30px;
 font-size:1.25rem
}
@media (min-width:768px) {
 .event__title {
  width:30%;
  -ms-flex:0 0 auto;
  flex:0 0 auto
 }
 .event__data {
  margin-left:40px
 }
}
.event__date {
 font-weight:600;
 margin-bottom:5px
}
@media (min-width:480px) {
 .event__link {
  display:inline-block
 }
 .event__link+.event__link {
  margin-left:25px
 }
}
.event__link a {
 display:inline-block;
 padding:10px 0 5px;
 border:none
}
.twitter__area {
 margin:50px 0
}
@media (min-width:768px) {
 .twitter__area {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:stretch;
  align-items:stretch;
  margin:100px 0
 }
}
.twitter {
 font-size:0;
 margin-bottom:40px
}
@media (min-width:768px) {
 .twitter {
  width:50%;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  padding-right:20px;
  margin-bottom:0
 }
 .mainimage {
  background-size:cover;
  background-clip:content-box;
  width:100%;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  padding:20px
 }
  .image {
 background:url(/iltarastit/pics/nasi_tausta.png) no-repeat;
  background-size:cover;
  background-clip:content-box;
  width:100%;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  
 }
 .twitter__image {
  background:url(/iltarastit/pics/ir13_1.jpg) no-repeat;
  background-size:cover;
  background-clip:content-box;
  width:50%;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  padding-left:20px
 }
 .twitter__image img {
  display:none
 }
}
.clubs a {
 padding:5px;
 border:none
}
.clubs img {
 height:25px
}