/* Triangles */

.search .button {
    color: #c45308;
}

.search .button:hover {
    color: #fff;
    background: #c45308;
}

.button {
    color: #007495;
    border-color: #007495;
}

.button:hover {
    color: #fff;
    border-color: #007495;
    background-color: #007495;
}

.button--secondary {
    color: #c45308;
    border-color: #c45308;
}

.button--secondary:hover {
    color: #fff;
    border-color: #c45308;
    background-color: #c45308;
}
.button--reverse {
    color: #fff;
    border-color: #fff;
}
.button--reverse:hover {
    color: #fff;
    background-color: #007495;
    border-color: #007495;
}

/* Hero */
.hero:before {
    background-image: url("../../img/triangles.c989d44a79fd.png");
    background-size: 10%;
}

html.svg .hero:before {
    background-image: url("../../svg/source/triangles.c158baa84067.svg");
    background-size: 10%;
}

.hero__pattern {
    background-image: url("../../img/triangles.c989d44a79fd.png");
    background-size: 100%;
}

@media screen and (min-width: 780px) {
    .hero__pattern {
        background-size: 49%;
    }
}

html.svg .hero__pattern {
    background-image: url("../../svg/source/triangles.c158baa84067.svg");
    background-size: 100%;
}

@media screen and (min-width: 780px) {
    html.svg .hero__pattern {
        background-size: 49%;
    }
}


.hero__chapter {
    color: #d1e7e5;
    border-bottom-color: #d1e7e5;
}

/* Chapter navigation */
.page__action__previous, .page__action__next, .page-action__section, .page__action_text, .page__action__burgerWrapper {
    background: #007495;
}

.page__action__menu:hover .page__action_text {
    background: #C45308;
}

.page__action__menu:hover .page__action__burgerWrapper {
    background: #C45308;
}

/* Chapter block */
.chapter-block-wrapper::after {
    background: #b2d8d7;
}
.chapter-block_content .button-slate {
    color: #475c6d;
    border-color: #475c6d;
}
.chapter-block_content .button-slate:hover {
    color: #fff;
    background-color: #475c6d;
    border-color: #475c6d;
}
.chapter-block_content .button-full-white {
    color: #475c6d;
    border-color: #fff;
    background: #fff;
}
.chapter-block_content .button-full-white:hover {
    color: #fff;
    background-color: #007495;
    border-color: #007495;
}
.chapter-block_content .download-button--reverse {
    color: #fff;
    border-color: #fff;
}
.chapter-block_content .download-button--reverse:hover {
    color: #fff;
    background-color: #007495;
    border-color: #007495;
}

.download-button--reverse ul {
    border-color: #007495;
}

/* Typography */
.is-typeset a {
    color: #007495;
}

.is-typeset a:hover {
    color: #C45308;
}

.is-typeset blockquote:before {
    background-color: #C45308;
}

.is-typeset blockquote:after {
    background-color: #C45308;
}

.is-typeset blockquote p {
    color: #C45308;
}

.media-caption {
    border-left-color: #b2d8d7;
}

.media-caption a {
    color: #007495;
}

.media-caption a:hover {
    color: #C45308;
}


/* Section chapter */
.section-chapter::before {
    background-image: url("../../img/triangles.c989d44a79fd.png");
    background-size: 8%;
}

html.svg .section-chapter::before {
    background-image: url("../../svg/source/triangles.c158baa84067.svg");
    background-size: 8%;
}

.section-chapter__number {
    color: #007495;
    border-bottom-color: #007495;
}

.section-chapter__link {
    color: #007495;
}

.section-chapter__link:hover {
    color: #C45308;
}

/* Case studies */
.pullOutBlock:after {
    background-image: url("../../img/triangles-sand.74b90cbe2aed.png");
    background-size: 15%;
}

html.svg .pullOutBlock:after {
    background-image: url("../../svg/source/triangles-sand.d6031f53f773.svg");
    background-size: 15%;
}

@media screen and (min-width: 780px) {
    .pullOutBlock:after {
        background-size: 8%;
    }
}

@media screen and (min-width: 780px) {
    html.svg .pullOutBlock:after {
        background-size: 8%;
    }
}

.pullOutBlock__heading {
    color: #C45308;
}

/* Downloads */
.m-downloads:before {
    background-image: url("../../img/triangles.c989d44a79fd.png");
    background-size: 25%;
}

html.svg .m-downloads:before {
    background-image: url("../../svg/source/triangles.c158baa84067.svg");
    background-size: 25%;
}

.m-downloads__list li a {
    color: #007495;
}

.m-downloads__list li a:hover {
    color: #C45308;
}

.m-downloads__list .downloadSize:after {
    background: #007495;
}

.download__link {
    color: #007495;
}

.download__link:hover {
    color: #C45308;
}
.download__link .downloadSize:after {
    background: #007495;
}

/* Share */
.shareBlock:after {
    background-image: url("../../img/triangles.c989d44a79fd.png");
    background-size: 15%;
}

html.svg .shareBlock:after {
    background-image: url("../../svg/source/triangles.c158baa84067.svg");
    background-size: 15%;
}

@media screen and (min-width: 780px) {
    .shareBlock:after  {
        background-size: 8%;
    }
}


@media screen and (min-width: 780px) {
    html.svg .shareBlock:after {
        background-size: 8%;
    }
}


.shareBlock__copy .button {
    border-color: #007495;
}

/* Footnotes */
.footnotes__return {
    color: #007495;
}

.footnotes__return:hover {
    color: #C45308;
}

/* Footer */
.footer .button {
    color: #fff;
    border-color: #C45308;
}

.footer .button:hover {
    color: #fff;
    border-color: #007495;
}

/* Images */

.chapter-block_image--highlight:before {
    content: "";
    background-image: url("../../img/frame-top-left.9ad04869372d.png");
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 3em;
    left: 3em;
}

@media screen and (min-width: 780px) {
    .chapter-block_image--highlight:before {
        top: 10em;
    }
}

@media screen and (min-width: 1100px) {
    .chapter-block_image--highlight:before {
        top: 3em;
    }
}

html.svg .chapter-block_image--highlight:before {
    background-image: url("../../svg/source/frame-top-left.364f354a2e21.svg");
}

.chapter-block_image--highlight:after {
    content: "";
    background-image: url("../../img/frame-bottom-right.b0635f28fc40.png");
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    bottom: 3em;
    right: 3em;
}

@media screen and (min-width: 780px) {
    .chapter-block_image--highlight:after {
        bottom: 10em;
    }
}

@media screen and (min-width: 1100px) {
    .chapter-block_image--highlight:after {
        bottom: 3em;
    }
}

html.svg .chapter-block_image--highlight:after {
    background-image: url("../../svg/source/frame-bottom-right.a22baf745c14.svg");
}

.media-figure--highlight {
    position: relative;
}
.media-figure--highlight:before {
    content: "";
    background-image: url("../../img/frame-top-left.9ad04869372d.png");
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 5em;
    left: 5em;
}
html.svg .media-figure--highlight:before {
    background-image: url("../../svg/source/frame-top-left.364f354a2e21.svg");
}

.media-figure--highlight:after {
    content: "";
    background-image: url("../../img/frame-bottom-right.b0635f28fc40.png");
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    bottom: 7em;
    right: 5em;
}

html.svg .media-figure--highlight:after {
    background-image: url("../../svg/source/frame-bottom-right.a22baf745c14.svg");
}
