/* --------------------
 News
-------------------- */
.news-detail {
    margin: 0 0 80px;
}

@media (min-width: 768px) {
    .news-detail {
        margin-bottom: 150px;
    }
}

.news-detail__head {
    margin: 0 0 80px;
}

@media (min-width: 768px) {
    .news-detail__head {
        margin-bottom: 0;
    }
}

.news-detail__head .com-page-head {
    background: none;
    background-color: #243e0d;
}

@media (min-width: 768px) {
    .news-detail__head .com-page-head {
        background-color: transparent;
    }
}

.news-detail__head .com-page-head__title {
    color: #ffffff;
}

@media (min-width: 768px) {
    .news-detail__head .com-page-head__title {
        color: #000000;
    }
}

.news-detail__main {
    margin: 0 0 100px;
}

@media (min-width: 768px) {
    .news-detail__main {
        margin-bottom: 200px;
    }
}

.news-detail__main-container {
    margin: 0;
    padding: 0 20px;
    width: 100%;
}

@media (min-width: 768px) {
    .news-detail__main-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 900px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.news-detail__main__date {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-family: "Cinzel", serif;
    font-size: 1.4rem;
    font-weight: 400;
    justify-content: space-between;
    margin: 0 0 60px;
    position: relative;
}

.news-detail__main__date:after {
    background-color: #000000;
    content: "";
    display: block;
    flex-grow: 1;
    flex-shrink: 1;
    height: 1px;
    margin: 0 0 0 15px;
    width: auto;
}

.news-detail__main__title {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: .2em;
    line-height: 1.6;
    margin: 0 0 50px;
}

@media (min-width: 768px) {
    .news-detail__main__title {
        font-size: 2.2rem;
        letter-spacing: .3em;
    }
}

.news-detail__main__content {
    margin: 0 0 60px;
}

.news-detail__main__content div {
    font-size: 1.4rem;
    letter-spacing: .15em;
    line-height: 2.0;
    /*margin: 0 0 30px;*/
}

.news-detail__main__action {
    margin: 50px 0 0;
    text-align: right;
}

@media (min-width: 768px) {
    .news-detail__main__action {
        margin: 100px 0 0;
    }    
}

.news-detail__main__action__link {
    display: inline-block;
    font-size: 1.3rem;
    line-height: 1.2;
    padding: 10px 60px 10px 0;
    position: relative;
    transition: color .75s cubic-bezier(.645, .045, .355, 1);
}

.news-detail__main__action__link:before, .news-detail__main__action__link:after {
    bottom: auto;
    content: "";
    height: 40px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .75s cubic-bezier(.645, .045, .355, 1);
    width: 40px;
    z-index: 1;
}

.news-detail__main__action__link:before {
    background-image: url(../../images/icons/icon-link-circled-arrow-right-black.svg);
}

.news-detail__main__action__link:after {
    background-image: url(../../images/icons/icon-link-arrow-right-white.svg);
    opacity: 0;
}

.news-detail__main__action__link__text {
    display: inline-block;
    position: relative;
}

.news-detail__main__action__link__text:after {
    background-color: #243e0d;
    bottom: -1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 100%;
    transition: right .75s cubic-bezier(.645, .045, .355, 1);
    width: auto;
}

.news-detail__main__action__link__icon {
    background-color: #243e0d;
    border-radius: 50%;
    bottom: auto;
    content: "";
    -webkit-filter: blur(5px);
            filter: url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"filter\"><feGaussianBlur stdDeviation=\"5\" /></filter></svg>#filter");
            filter: blur(5px);
    height: 40px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .75s cubic-bezier(.645, .045, .355, 1), -webkit-filter .75s cubic-bezier(.645, .045, .355, 1);
    transition: filter .75s cubic-bezier(.645, .045, .355, 1), transform .75s cubic-bezier(.645, .045, .355, 1);
    transition: filter .75s cubic-bezier(.645, .045, .355, 1), transform .75s cubic-bezier(.645, .045, .355, 1), -webkit-filter .75s cubic-bezier(.645, .045, .355, 1);
    width: 40px;
    z-index: 0;
}

.news-detail__main__action__link:hover, .news-detail__main__action__link:focus {
    color: #243e0d;
}

.news-detail__main__action__link:hover:before, .news-detail__main__action__link:focus:before {
    opacity: 0;
}

.news-detail__main__action__link:hover:after, .news-detail__main__action__link:focus:after {
    opacity: 1;
}

.news-detail__main__action__link:hover .news-detail__main__action__link__text:after, .news-detail__main__action__link:focus .news-detail__main__action__link__text:after {
    right: 0;
}

.news-detail__main__action__link:hover .news-detail__main__action__link__icon, .news-detail__main__action__link:focus .news-detail__main__action__link__icon {
    -webkit-filter: blur(0);
            filter: url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"filter\"><feGaussianBlur stdDeviation=\"0\" /></filter></svg>#filter");
            filter: blur(0);
    transform: translateY(-50%) scale(1);
}