/*DO NOT COPY THESE*/
@font-face {
    font-family: "Mark W01 Regular";
    src: url("../webfont/MarkOffcPro.ttf");
}

@font-face {
    font-family: "Mark W01 Black";
    src: url("../webfont/MarkOffcPro-Black.ttf");
}

@font-face {
    font-family: "Mark W01 Bold";
    src: url("../webfont/MarkOffcPro-Bold.ttf");
}

@font-face {
    font-family: "Mark W01 Medium";
    src: url("../webfont/MarkOffcPro-Medium.ttf");
}

@font-face {
    font-family: "Mark W01 Light";
    src: url("../webfont/MarkOffcPro-Light.ttf");
}

/*page template*/
body {
    background: #fff url(../images/header.jpg) top center no-repeat;
    color: #1a1a1a;
    font: 16px'Mark W01 Regular', Arial, sans-serif;
    line-height: 1.4;
}

.wrapper {
    margin: 0 auto;
    padding: 0;
    max-width: 1360px;
}


.page-title {
    color: #545454;
    font: 43px "Mark W01 Regular", Arial, sans-serif;
    font-weight: normal;
    letter-spacing: -0.03em;
    line-height: 1.2;
    word-spacing: .03em;
}

.btn-group {
    display: block;
}

.btn {
    background: none;
    border: 1px solid #00467f;
    border-radius: 0 !important;
    box-shadow: none;
    color: #2b76a9;
    display: inline-block;
    font-size: 16px;
    line-height: 1.0;
    padding: 20px 25px;
    text-decoration: none;
    text-shadow: none;
}

    .btn:hover {
        background: #00467f;
        border: 1px solid #00467f;
        color: #fff;
    }

    .btn.btn-sm {
        padding: 10px;
    }






/************COPY FROM HERE*************(remove this comment)**********/
.cta-publication .cta-leading {
    font-size: 16px;
    margin: 0;
    padding: 15px 0 0;
}

.cta-publication .cta-container {
    border-left: 3px solid #fac785;
    margin: 0 auto;
    padding: 20px 0;
    display: block;
}

.cta-publication .btn-group {
    display: block;
}

.cta-publication .btn-xlg.btn.btn-xlg {
    font-size: 24px;
    padding: 20px 50px;
    text-decoration: none;
}

.cta-publication .btn.btn-xlg.btn-active {
    background: #2b76a9;
    border: 0;
    color: #fff;
}

.cta-publication .btn-group__text {
    clear: both;
    line-height: 1.4;
    margin: 0;
    padding: 8px 0 0;
}




/*page sections*/
.section-publication {
    margin: 0;
    padding: 20px 0;
}

.section-paragraph {
    padding: 30px;
}

.section-publication .section-img,
.section-publication .section-img--inner {
    margin: 0;
}

.section-publication .section-img--inner {
    padding-bottom: 20px;
}

.section-img.new-archive-img img {
    object-fit: cover;
    height: 130px;
}

.section-publication .section-img img,
.section-publication .section-img--inner img {
    width: 100%;
}

.section-publication .section--gray {
    background: #f2f2f2;
}

.section-publication .section--inner.section-research-bulletin {
    margin: 0;
    padding: 30px 30px 80px 30px;
}

.section-publication .section--inner.section-news-archive {
    margin: 0;
    padding: 0;
}


.section-publication .section-title-left {
    color: #1a1a1a;
    font: 27px "Mark W01 Medium", Arial, sans-serif;
    line-height: 1.2;
    margin: 0 0 25px 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.section-publication .section--gray .section-title-left {
    margin: 5px 0 20px 0;
    padding: 0;
}

/*flex sections*/
.section-publication .section-grid {
    display: grid;
    grid-gap: 20px 40px;
    grid-template-rows: minmax(100px, auto);
}

.section-publication .section-grid--1col {
    grid-template-columns: repeat(1, 1fr);
}

.section-publication .section-grid--2col {
    grid-template-columns: repeat(2, 1fr);
}

.section-publication .section-grid--3col {
    grid-template-columns: repeat(3, 1fr);
}

.section-publication .grid-box {
    display: flex;
    margin-bottom: 20px;
}

.section-publication .box-img {
    margin: 0 20px 0 0;
}

    .section-publication .box-img img {
        max-width: 100%;
    }

/*modifiers*/
.section-publication .section-grid--1col .box-img {
    margin: 0 20px 0 0;
}

.section-publication .section-grid--3col .box-img {
    width: 25%;
}

_:-ms-fullscreen,
:root .section-publication .section-grid--3col .box-img {
    width: auto;
}

.section-publication .box-content {
    flex: 1;
    font-size: 16px;
    line-height: 1.4;
}

.section-publication .box-content__title {
    margin: 0;
    font-size: 16px;
}

.section-publication .box-content__meta {
    color: #888;
}

.section-publication .box-content__desc {
    overflow-wrap: break-word;
    margin-top: 8px;
}

.section-publication .box-content p {
    line-height: 1.4;
}

.section-publication .box-content ul > li {
    margin: 5px 0;
}

.section-publication .box-content__option {
    max-width: 240px;
}

    .section-publication .box-content__option select {
        display: block;
        width: 100%;
        margin-bottom: 10px !important;
    }



.publication-view-group {
    margin-top: 20px
}

.section-publication .box-content__option .select2-container select {
    display: block;
    width: 100%;
    margin-bottom: 10px !important;
}

.select2-results__option {
    margin: 0;
}





/*modifiers*/
.section-publication .box-content .is-hidden {
    display: none;
}

.section-publication .box-content--divider {
    border-top: 2px solid #fcc785;
    padding-top: 30px;
}

_:-ms-fullscreen,
:root .section-publication .box-content--divider {
    border: 0;
    padding: 0;
}


/*types of box-content*/


.section-publication .box-content .has-divider {
    border-top: 2px solid #fcc785;
    padding-top: 5px;
}



@media (max-width: 979px) {
    .cta-container {
        border-left: 0;
    }

    .section-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .section-grid--3col .box-img {
        width: auto;
    }

    .section-publication .box-content--divider {
        border: 0;
        padding: 0;
    }
}

@media (max-width: 768px) {
    .section-publication .section-grid--2col {
        grid-template-columns: repeat(1, 1fr);
    }

    .cta-publication > .span8,
    .cta-publication > .span4 {
        float: none;
        margin: 0 auto;
        width: 100%;
    }

    .cta-publication .cta-container {
        border-left: 0;
    }
}

@media (max-width: 767px) {

    .section-publication .section--inner {
        margin: 0;
        padding: 20px;
    }

    .section-publication .box-img,
    .section-publication .section-grid--3col .box-img {
        width: 25%;
    }
}

@media (max-width: 480px) {
    .section-publication .btn.btn-xlg {
        font-size: 18px;
        padding: 20px 30px;
    }

    .section-publication .grid-box {
        display: block;
    }

    .section-publication .box-img {
        margin-bottom: 10px;
        width: 100%;
    }
}