.news-article-list .article__latest .article__latestIcon {
    position: absolute;
    top: 1.5rem;
    left: -8px
}

.news-article-list .article__latest .article__image {
    height: 336px
}

.news-article-list .article__item {
    background-color: var(--color-white);
    border-radius: 8px 8px 0 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .news-article-list .article__item .article__label {
        font-size: var(--text-m);
        color: var(--color-grey_60)
    }

    .news-article-list .article__item .article__publishDate {
        background-color: var(--color-grey_5);
        border-radius: 16px;
        padding: 2px 16px
    }

    .news-article-list .article__item .article__body .article__title {
        height: auto;
        min-height: 3.2rem;
        margin-bottom: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .news-article-list .article__item .article__body .article__tags {
        white-space: nowrap;
        overflow: auto;
        min-height: 40px; 
        margin-bottom: 10px;
    }

.news-article-list .article__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1; 
}

.news-article-list .article__image {
    display: block;
    width: 100%;
    height: 224px;
    background-size: cover;
    background-position: center
}

.news-article-list .article__resume {
    color: var(--color-purple_50);
    height: auto; 
    min-height: 4.8rem; 
    margin-bottom: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

    .news-article-list .article__resume + .btn {
        width: 100%;
        margin-top: auto;
    }

@media only screen and (min-width: 992px) {
    .news-article-list .article__resume + .btn {
        width: auto;
        margin-top: auto;
    }
}

.news-article-list .article__paging .article__paging__item {
    --border-color: transparent;
    --active-bg-color: var(--color-grey_40);
    border: solid 1px var(--border-color);
    padding: 5px 13px;
    vertical-align: middle;
    border-radius: 5px;
    color: var(--color-primary);
    font-weight: 600
}

    .news-article-list .article__paging .article__paging__item:hover, .news-article-list .article__paging .article__paging__item.active {
        background-color: var(--active-bg-color);
        border-color: var(--active-bg-color)
    }

    .news-article-list .article__paging .article__paging__item:focus {
        background-color: var(--active-bg-color);
        border-color: var(--active-bg-color);
        border-radius: 3px
    }

    .news-article-list .article__paging .article__paging__item.disabled {
        opacity: 1.0;
        pointer-events: none;
        color: #767676
    }

.news-article-list .article__paging .article__paging__first, .news-article-list .article__paging .article__paging__last {
    padding-top: 9px;
    color: var(--color-grey_70)
}

    .news-article-list .article__paging .article__paging__first .article__paging__item, .news-article-list .article__paging .article__paging__last .article__paging__item {
        --border-color: var(--color-grey_20);
        border-color: var(--border-color);
        display: inline-block;
        white-space: nowrap;
        margin-bottom: 5px
    }

.news-article-list .article__paging .article__paging__pages {
    white-space: nowrap;
    max-width: 70%;
    padding: 9px 0
}

    .news-article-list .article__paging .article__paging__pages .article__paging__pages__box {
        position: relative;
        left: 0
    }

    .news-article-list .article__paging .article__paging__pages .article__paging__item {
        border-radius: 50%;
        margin: 0 9px
    }

#siteWrapper.innerpage #headerContent {
    --background-height: 300px;
    background: linear-gradient(to bottom, var(--color-primary) 0%, var(--color-primary) var(--background-height), var(--color-grey_5) var(--background-height), var(--color-grey_5) 100%)
}

@media only screen and (min-width: 768px) {
    #siteWrapper.innerpage #headerContent {
        --background-height: 420px
    }
}

@media only screen and (min-width: 992px) {
    #siteWrapper.innerpage #headerContent {
        --background-height: 530px
    }
}

@media only screen and (min-width: 1200px) {
    #siteWrapper.innerpage #headerContent {
        --background-height: 648px
    }
}

.article-detail .article__item {
    margin-top: 2rem
}

    .article-detail .article__item h1.display-1 {
        line-height: 1.1em
    }

.article-detail .flexslider {
    border: 0;
    background: none;
    margin-bottom: 1rem
}

    .article-detail .flexslider .slides img {
        border-radius: 8px
    }

.article-detail #carousel .flex-viewport {
    margin: 0 98px
}

.article-detail #carousel li {
    cursor: pointer;
    opacity: .5;
    border: rgba(0,0,0,0) solid 3px;
    border-radius: 16px
}

    .article-detail #carousel li img {
        border-radius: 13px
    }

    .article-detail #carousel li.flex-active-slide {
        opacity: 1;
        border-color: var(--color-blue)
    }

.article-detail #carousel .flex-direction-nav {
    height: 0
}

    .article-detail #carousel .flex-direction-nav li a {
        font-size: 0;
        opacity: 1 !important;
        border: solid 2px var(--color-blue);
        width: 64px;
        height: 44px;
        border-radius: 24px
    }

        .article-detail #carousel .flex-direction-nav li a:before {
            content: "";
            font-family: "icons";
            vertical-align: middle;
            display: inline-block;
            font-size: 23px;
            width: 100%;
            text-align: center;
            line-height: 41px
        }

        .article-detail #carousel .flex-direction-nav li a.flex-next:before {
            content: ""
        }

    .article-detail #carousel .flex-direction-nav .flex-prev {
        left: 0
    }

    .article-detail #carousel .flex-direction-nav .flex-next {
        right: 0
    }

.article-detail .article__publishDate {
    background-color: var(--color-grey_10);
    color: var(--color-primary)
}

.article-detail .article__contents {
    --title-size: 32px;
    --title-style: "Roboto Serif";
    --title-margin-bottom: 1.5rem;
    --title-line-height: 1.3em;
    --subtitle-size: 24px;
    --subtitle-style: "Roboto";
    --subtitle-line-height: 1.3em;
    --subtitle-weight: 600;
    --margin-top: 3.5rem;
    --content-size: 20px;
    --content-line-height: 1.2em;
    margin-top: 3.5rem
}

    .article-detail .article__contents .style-title {
        margin-top: 2rem;
        margin-bottom: 1.2rem
    }

        .article-detail .article__contents .style-title, .article-detail .article__contents .style-title p, .article-detail .article__contents .style-title div {
            font-size: var(--title-size);
            font-family: var(--title-style);
            color: var(--color-primary);
            line-height: var(--title-line-height)
        }

    .article-detail .article__contents .style-subtitle {
        margin: 1.2rem 0
    }

        .article-detail .article__contents .style-subtitle, .article-detail .article__contents .style-subtitle p, .article-detail .article__contents .style-subtitle div {
            font-size: var(--subtitle-size);
            font-family: var(--subtitle-style);
            color: var(--color-blue_80);
            line-height: var(--subtitle-line-height);
            font-weight: var(--subtitle-weight)
        }

    .article-detail .article__contents .style-blockquotes {
        padding: 2.56rem 2.37rem;
        margin: 2rem 0
    }

        .article-detail .article__contents .style-blockquotes:before {
            content: "";
            font-family: "icons";
            color: var(--color-gold);
            font-size: 41px
        }

        .article-detail .article__contents .style-blockquotes, .article-detail .article__contents .style-blockquotes p, .article-detail .article__contents .style-blockquotes div {
            font-size: var(--content-size);
            line-height: var(--content-line-height);
            background-color: var(--color-white);
            border-radius: 16px;
            color: var(--color-primary)
        }

    .article-detail .article__contents .style-normal {
        margin: 1.2rem 0
    }

        .article-detail .article__contents .style-normal, .article-detail .article__contents .style-normal p, .article-detail .article__contents .style-normal div {
            font-size: var(--content-size);
            line-height: var(--content-line-height);
            color: var(--color-primary)
        }

            .article-detail .article__contents .style-normal strong, .article-detail .article__contents .style-normal p strong, .article-detail .article__contents .style-normal div strong {
                margin-top: 2rem;
                display: inline-block
            }

.article-detail .article__dates .article__date {
    background-color: var(--color-primary);
    border-radius: 32px;
    color: var(--color-white)
}

.article-detail .article__dates .article__date_separator {
    --button-size: 48px;
    background-color: var(--color-gold);
    border-radius: 50%;
    color: var(--color-white);
    height: var(--button-size);
    width: var(--button-size);
    margin: 0 16px;
    font-size: 1.5em;
    line-height: var(--button-size)
}

    .article-detail .article__dates .article__date_separator i {
        margin-left: -2px
    }

.article-detail .article__location {
    background-color: var(--color-primary);
    border-radius: 16px;
    padding: 8px
}

    .article-detail .article__location #map {
        border-radius: 8px;
        width: 100%;
        height: 268px
    }

.search-pad-contact #searchboxContact {
    width: 100%;
    height: 48px;
    border-radius: 4px;
    border: none;
    padding-left: 50px;
    position: relative
}

.search-pad-contact::-moz-placeholder {
    color: #153056;
    font-size: normal;
    opacity: 100%
}

.search-pad-contact::placeholder {
    color: #153056;
    font-size: normal;
    opacity: 100%
}

.search-pad-contact i {
    position: absolute
}

.search-pad-contact .icon {
    padding: 14px;
    width: 40px;
    z-index: 2;
    color: #11a9f5
}

    .search-pad-contact .icon::before {
        font-size: 24px
    }

@media(min-width: 992px) {
    .search-pad-contact {
        margin: 30px 20px
    }

        .search-pad-contact span {
            display: block
        }
}

.article__calendar {
    padding-bottom: 40px
}

    .article__calendar .article__button {
        color: #fff;
        border: solid 1px #11a9f5;
        padding: 0 10px;
        border-radius: 20px;
        height: 23px;
        line-height: 17px;
        margin-bottom: 0
    }

    .article__calendar .article__title {
        color: #fff;
        padding-bottom: 10px
    }

    .article__calendar .article__years, .article__calendar .article__months {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 6px 0;
        border-top: solid 1px #154e7c
    }

    .article__calendar .article__box {
        display: flex;
        overflow: auto
    }

        .article__calendar .article__box .article__content {
            white-space: nowrap;
            display: inherit;
            position: relative;
            left: 0;
            transition: all .4s ease-in-out 0s
        }

    .article__calendar .article__months span, .article__calendar .article__years span {
        padding: 4px 14px;
        color: #fff;
        cursor: pointer;
        margin: 0 5px
    }

        .article__calendar .article__years span.active {
            background-color: #72bf44;
            color: #000;
            border-radius: 20px
        }

        .article__calendar .article__months span.active {
            background-color: #f8bc1f;
            color: #000;
            border-radius: 20px
        }

.news-article-list .article__paging .article__paging__item.disabled > a:focus {
    background-color: #767676;
    border-color: #767676
}

.news-article-list .article__paging .article__paging__item > a:focus {
    background-color: var(--active-bg-color);
    border-color: var(--active-bg-color)
}
/*# sourceMappingURL=styles.min.css.map*/