/*TILES GENERAL*/
.tile--pinned-topics:hover {
    box-shadow: 0 0 6px rgba(0, 0, 34, .3) !important;
    background-color: white !important;
}


/*HIDE TIMESTAMP IN DETAIL NEWS SECTION*/

span.space-overview__detail__news__post--date {
    display: none;
}

/*DESCRIPTION FONT SIZE*/

div.space-overview__detail__intro--description p {
    font-size: 1.4rem;
}

/*FEATURED ARTICLES*/
section.space-overview__pinned div.tile--pinned-topics {
    border: none;
    box-shadow: none;
}

section.space-overview__pinned:nth-child(2) div.tile--pinned-topics h3::before {
    display: block;
    content: "";
    width: 8em;
    height: 8em;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
}

section.space-overview__pinned:nth-child(2) div.tile--pinned-topics:nth-child(1) h3::before {
    background-image: url("https://migration.k15t.com/__attachments/14823456785/Icon_Teams-Work.svg?inst-v=dfe529c4-0a9e-4831-ad0b-7ac4e32ed423");
}

section.space-overview__pinned:nth-child(2) div.tile--pinned-topics:nth-child(2) h3::before {
    background-image: url("https://migration.k15t.com/__attachments/14823456807/Icon_Checklist.svg?inst-v=dfe529c4-0a9e-4831-ad0b-7ac4e32ed423");
}

section.space-overview__pinned:nth-child(2) div.tile--pinned-topics:nth-child(3) h3::before {
    background-image: url("https://migration.k15t.com/__attachments/14823456829/Icon_Maps.svg?inst-v=dfe529c4-0a9e-4831-ad0b-7ac4e32ed423");
}

section.space-overview__pinned:nth-child(2) div.tile--pinned-topics:nth-child(4) h3::before {
    background-image: url("https://migration.k15t.com/__attachments/14823456851/Icon_Document.svg?inst-v=dfe529c4-0a9e-4831-ad0b-7ac4e32ed423");
}


/*ARTICLE PAGE FIXES*/
.js-tocBot > ol:before {
    display: block;
    content: "On this page";
    font-size: 1.25rem;
    margin-bottom: 1rem;
}


/*START COMPONENT-BANNER CSS */
.component-banner {
    background-color: #eafff9;
    border-top: 2px solid #25e9a4;
    color: #29a376;
    font-family: nbAkademie-bold, Helvetica, Arial, sans-serif;
    font-weight: 700;
    padding: .5em 1.75rem .5em .75rem;
    position: relative;
    z-index: 101;
}

@media print,
screen and (min-width:64em) {
    .component-banner {
        padding: .5em 4.5rem .5em 2rem
    }
}

@media print,
screen and (max-width:63.99875em) {
    .component-banner--control-available {
        padding-right: 3.5em
    }
}

@media print,
screen and (max-width:63.99875em) {
    .component-banner--control-available .component-banner__dismiss {
        right: 2.5rem
    }
}

.component-banner.hidden {
    display: none;
}

.component-banner__dismiss {
    transition: color .2s ease;
    color: #80869a;
    font-weight: 700;
    font-size: 1.5em;
    position: absolute;
    right: .75rem;
    top: .35em
}

@media print,
screen and (min-width:64em) {
    .component-banner__dismiss {
        right: 3rem
    }
}

.component-banner__dismiss:focus,
.component-banner__dismiss:hover {
    color: #000c34;
    cursor: pointer
}

.component-banner__content {
    margin-bottom: 0;
    position: relative
}

@media print,
screen and (min-width:64em) {
    .component-banner__content {
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.component-banner a.link-arrow,
.component-banner a.link-arrow:visited {
    transition: background-size .4s ease;
    background: linear-gradient(180deg, transparent 65%, #25e9a4 0);
    background-size: 0 100%;
    background-repeat: no-repeat;
    color: #000c34;
    display: inline-block;
    font-family: nbAkademie-regular, Helvetica, Arial, sans-serif;
    font-weight: 400;
    position: relative;
    padding-right: 30px;
    width: auto;
    text-decoration-line: none;
    text-decoration-style: solid;
}


.component-banner a.text-link,
.component-banner a.text-link:visited {
    color: #1062FB;
    display: inline-block;
    font-family: nbAkademie-regular, Helvetica, Arial, sans-serif;
}

.component-banner a.text-link:hover {
    text-decoration: underline;
}

@media print,
screen and (min-width:64em) {
    .component-banner a.link-arrow,
    .component-banner a.link-arrow:visited {
        margin-left: 23px;
        display: inline
    }
}

.component-banner a.link-arrow:after,
.component-banner a.link-arrow:visited:after {
    transition: all .2s ease;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.659 11.659'%3E%3Cg fill='none' stroke='%23000c34' stroke-linecap='round'%3E%3Cpath d='M8.379 3.253l2.573 2.573-2.666 2.666' stroke-linejoin='round'/%3E%3Cpath d='M10.951 5.826L.707 5.832'/%3E%3C/g%3E%3C/svg%3E");
    background-position: left center;
    background-repeat: no-repeat;
    content: "";
    height: 1.5rem;
    position: absolute;
    right: .3125rem;
    width: .8125rem
}

.component-banner a.link-arrow:focus,
.component-banner a.link-arrow:hover,
.component-banner a.link-arrow:visited:focus,
.component-banner a.link-arrow:visited:hover {
    background-size: 100% 100%;
}

.component-banner a.link-arrow:focus:after,
.component-banner a.link-arrow:hover:after,
.component-banner a.link-arrow:visited:focus:after,
.component-banner a.link-arrow:visited:hover:after {
    right: 0
}
/*END COMPONENT-BANNER CSS */