/* Frontpage article block */

.issue {
    padding: 2em 0 3em 0;
}

.article--home {
    border-top: 1px solid #666;
    padding-top: 1.75em;
    margin-top: 1em;
}
.article--home.article--first {
    border: none;
    margin: 0;
    padding: 0;
}
.container .container .unit.last:first-child {
    padding-left: 18px;
}
.article--home .article__category {
    padding-bottom: 1em;
    font-weight: bold;
}

.article--home .article__img {
    margin-bottom: 15px;
    overflow: hidden;
    width: 100%; 
    max-height: 200px;
}
.article__img:first-of-type {
    max-height: 200px ;
}
.article--home.article--first .article__img {
    max-height: 400px;
}
.article--home .article__image {
    width: 100%; 
    height: auto;
}

.article--home .article__title {
    font-size: 1.75em;
    margin: 0 0 15px 0;
}

.article--home .article__teaser {
    font-family: Georgia, Times New Roman, serif;
    font-size: 1.125em;
    line-height: 1.4;
}
.article--home .article__teaser img {
    border: 1px solid #444;
    margin-left: 1em !important;
    max-width: 200px;
    height: auto !important;
}
.article__col1 {
    padding-left: 0;
}
.article__col2 {
    float: right;
}
.article__see-all {
    background-color: #f89e46;
    display: inline-block;
    padding: 0;
    color: #fff;
    font-size: 1.25em;
    margin: 2em 0 0;
    line-height: 60px;
    transition: all 0.3s ease;
    width: 100%;
}
.article__see-all:hover {
    background-color: #87A2CC;
    color: #fff;
    text-decoration: none;
}
.button-primary {
    display: inline-block;
    border: 1px solid #6188C6;
    margin: 1em 0;
    padding: .75em 1.85em;
    background-color: transparent;
    color: #6188C6;
}
.button-primary:hover {
    background-color: #6188C6;
    color: #fff;
}
.button--block {
    display: inline-block !important;
}
.intro__col2 {
    padding-left: 34px;
    padding-top: 28px;
    padding-right: 34px;
}
.feature__title {
    font-size: 2.5em;
    line-height: 1.3 !important;
}
.feature__link {
    color: #333333;
    
}
.feature__link:hover {
    color: #333333;
}
.feature__date {
    color: white;
    text-shadow: 3px 3px 3px rgba(44,44,44,.5);
}
.feature__image {
    
}
.feature__teaser {
    font-size: 1em;
    line-height: 1.6em;
}
.feature__readmore {
    color: #6188C6;
    background-color: #fff;
    padding: .5em 1.5em;
    font-weight: bold;
    border-radius: 5px;
    font-size: 1.2em;
    display: inline-block;
    margin-top: 1em;
}
.feature__readmore:hover {
    color: #f89e46;
}
@media screen and (max-width:64.063em) {
    .feature__readmore {
        margin-bottom: 1.5em;
        margin-top: 0;
    }
    .button--block {
        margin-bottom: 1.5em;
    }
}
.featured-image__container {
    height: 300px;
    overflow: hidden;
    position: relative;
}

.featured-image__file {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

.charter-logo {
  height: 30px;
  width: auto;
  display: inline;
  overflow: hidden;
  padding: 1px;
}

#logo {
  position:relative;
  height:281px;
  width:450px;
  margin:0 auto 10px;
}

#logo img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

#logo img.opaque {
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1);
}