.flex-equal > * {
  -ms-flex: 1;
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    -ms-flex: 1;
    flex: 1;
  }
}
@media (min-width: 992px) {
  .flex-lg-equal > * {
    -ms-flex: 1;
    flex: 1;
  }
}

.overflow-hidden { overflow: hidden; }

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}

p {
    line-height: 1.6rem;
}


@media (max-width: 767.98px) {
    #alku-jussi {
        max-height: 490px; /* Just fits img and name to first screen on iP6 */
    }
    #esittely-nimi {
        font-size: 2.5rem;
    }
    #libe-logo {
        padding-top: 2rem;
    }
    #esittely-libe-erikseen {
        display: none!important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) { 
    #alku-jussi {
        max-height: 700px;
    }
    #libe-logo {
        padding-top: 2rem;
    }
    #esittely-libe-alla {
        display: none!important;
    }

}
    
@media (min-width: 768px) {        
    #alku-jussi {
        padding-top: 1rem;
    }
}

@media (min-width: 992px) {
    #esittely-nimi {
        font-size: 3.3rem;
    }
    #esittely-libe-erikseen {
        display: none!important;
    }

}

#mainCarousel h1 {
    font-weight: 600;
}

.bg-yellow {
    background: #ffa600;
}

i.x10 {
    font-size: 10em;
}
i.x15 {
    font-size: 15em;
}
i.x2 {
    font-size: 2em;
}
i.x3 {
    font-size: 3em;
}
i.x4 {
    font-size: 4em;
}


.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/**
    Background with overlay
    */
.bg-cover {
  background-size: cover;
  color: white;
  background-position: center center;
  position: relative;
  z-index: -2;
}

.overlay {
  background-color: #000;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}


/**
    Quote
    */
.quote {
    max-height: 10rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-weight: 600;
}
.quote blockquote {
    font-size: 1.6rem;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.quote img {
    max-height: 6rem;
}
@media (max-width: 600px) {
    .quote {
        max-height: 14rem;        
    }
    .quote blockquote {
        font-size: 1.5rem;
    }
}    

/**
    Teema
    */
#vaaliohjelma-header {
  margin-top: 3rem;
}

.teema-intro a:hover, .teema-intro a:focus {
    text-decoration: none;
    color: inherit; 
}
.teema-intro a {
    color: inherit; 
}
.teema-intro {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
}
@media (max-width: 991.98px) {
    .teema-intro {
            padding-top: 3rem;            
    }
   .teema-intro:first-of-type {
       padding-top: 0rem;
    }
}    

.teema-intro h4, .rale {
    font-family: "Raleway";
    text-transform: uppercase;
    font-weight: 700;
}

.teema-item {
    padding: 1.5rem;
    border: none;
    border-radius: 0;
    flex-basis: 24rem;
}
.teema-item.wide {
    flex-basis: 48rem;
}

.teema-item.thin {
    flex-basis: 12rem;
}

.teem-item-intro {
    padding-top: 0;
    padding-bottom: 0;
}


.teema-icon {
 /*   transition: ease-in-out 0.3s; */
    padding-bottom: 1rem;
}

.ohjelmalista-group {
    transition: ease-in-out 0.6s;
}
    
.teema-icon:hover {
/*    font-size: 12rem;*/
}
    
.internet i {
    color: #007bff;
}

.saantely i {
    color: #ffa600;
}

.kaupankaynti i {
    color: #000;
}




.sosiaaliturva i {
    color: #ffa600;
}
.sosiaaliturva .card {
/* bg color causes mysterious font weight changes during slideshow animation... */
/*    background-color: rgba(255, 167, 0, 0.11);*/
}


/**
    Some
    */
.some a, .some h2, .some p {
    color: inherit;
}
.some i {    
    color: white;
}
.some a:hover, .some a:focus {
    text-decoration: none;
}
.some a:hover i, .some a:focus i {
    color: #007bff;
}

@media (max-width: 767.98px) {
    .some > div {
        padding-top: 2rem;
    }
    .some > div:first-of-type {
        padding-top: 0rem;
    }
}
@media (min-width: 768px) {    
    .some {
        padding-top: 1rem;
    }
}


.emaildomain::before {
    content: "\0040";
}