/*NC Live Center Extension CSS*/
/*Begin extension CSS 12383, Key Events*/
.ncpost-channelcontent-container{margin-bottom:30px}
.ncpost-channelcontent-container .key-events-container{ margin-top: 16px; }
.ncpost-channelcontent-container .key-events-container .key-events{justify-content:space-between;margin:5px 0;padding-left:16px;display:flex;position:relative}
.ncpost-channelcontent-container .key-events-container .key-events a{margin-left:4px; color: var(--color-text-primary);}
.ncpost-channelcontent-container .key-events-container .key-events #delete-event{display:none!important}
.ncpost-channelcontent-container .key-events-container .key-events:before{width:8px;height:8px;content:"";background-color:var(--color-background-strong);border-radius:10px;display:block;position:absolute;top:6px;left:0}
.posts-view .ncpost-channelcontent-container .key-events-container .key-events a{pointer-events:none;margin-left:4px;display:none}
.posts-view .ncpost-channelcontent-container .key-events-container .key-events #delete-event{cursor:pointer;justify-content:center;align-items:center;padding:2px;display:flex!important}
.ncpost-linked{margin-bottom:30px;padding-right:35px;position:relative}
.ncpost-linked .ncpost-container{margin-bottom:0}
.ncpost-linked .ncpost-linked-close{width:30px;height:30px;cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:0;right:0}
/*End extension CSS 12383, Key Events*/

/*Begin extension CSS 12384, Post sorting*/
.ncposts-sorter{display:flex;justify-content:flex-start;align-items:center;margin:20px 0; padding: 0; font-size: 14px; }
.ncposts-sorter .ncpost-toggle-group{display:flex;position:relative;transition:transform 5s ease;}
.ncposts-sorter .ncpost-toggle-group .toggle-label{
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius: 2px;
    color: var(--color-text-base);
    background-color: var(--color-background-base);
    font-weight: var(--diks-font-weight-semibold);
    padding: 4px 8px;
    font-size: 14px;
    line-height: 24px;
    border: none;
    transition: color .1s, background-color .1s, fill .1s;
    cursor: pointer;
    overflow-anchor: none;
}
.ncposts-sorter .ncpost-toggle-group .toggle-label.active{background-color:var(--color-background-strong);border-radius:2px;cursor:pointer;color:var(--color-text-inverse);}
/*End extension CSS 12384, Post sorting*/

/*Begin extension CSS 12388, Icon library*/
.lc-feed-container .ncpost-list-post,.lc-feed-container .ncpost-pinned-post,.lc-feed-container .ncpost-linked{padding-left:60px;position:relative;}.lc-feed-container .ncpost-list-post .ncpost-container,.lc-feed-container .ncpost-pinned-post .ncpost-container,.lc-feed-container .ncpost-linked .ncpost-container{position:relative;overflow:unset;}.lc-feed-container .ncpost-list-post .ncpost-container .ncpost-header,.lc-feed-container .ncpost-pinned-post .ncpost-container .ncpost-header,.lc-feed-container .ncpost-linked .ncpost-container .ncpost-header{display:flex;flex-direction:column-reverse;margin-bottom:20px;padding-right:30px !important;}.lc-feed-container .ncpost-list-post .ncpost-container .ncpost-header .ncpost-byline,.lc-feed-container .ncpost-pinned-post .ncpost-container .ncpost-header .ncpost-byline,.lc-feed-container .ncpost-linked .ncpost-container .ncpost-header .ncpost-byline{text-align:left;margin-bottom:4px;}.lc-feed-container .ncpost-list-post .ncpost-container .ncpost-header .ncpost-timestamp,.lc-feed-container .ncpost-pinned-post .ncpost-container .ncpost-header .ncpost-timestamp,.lc-feed-container .ncpost-linked .ncpost-container .ncpost-header .ncpost-timestamp{font-size:13px;}.lc-feed-container .ncpost-list-post .ncpost-container .ncpost-header svg,.lc-feed-container .ncpost-pinned-post .ncpost-container .ncpost-header svg,.lc-feed-container .ncpost-linked .ncpost-container .ncpost-header svg{display:none !important;}.lc-feed-container .ncpost-list-post .ncpost-icon-container,.lc-feed-container .ncpost-pinned-post .ncpost-icon-container,.lc-feed-container .ncpost-linked .ncpost-icon-container{width:35px;position:absolute;left:-45px;top:10px;}.lc-feed-container .ncpost-list-post .ncpost-icon-container svg,.lc-feed-container .ncpost-pinned-post .ncpost-icon-container svg,.lc-feed-container .ncpost-linked .ncpost-icon-container svg{width:100%;height:100%;}.lc-feed-container .ncpost-list-post .ncpost-icon-container img,.lc-feed-container .ncpost-pinned-post .ncpost-icon-container img,.lc-feed-container .ncpost-linked .ncpost-icon-container img{width:100%;}@media(max-width:600px){.lc-feed-container .ncpost-list-post,.lc-feed-container .ncpost-pinned-post,.lc-feed-container .ncpost-linked{padding-left:0;}.lc-feed-container .ncpost-list-post .ncpost-icon-container,.lc-feed-container .ncpost-pinned-post .ncpost-icon-container,.lc-feed-container .ncpost-linked .ncpost-icon-container{width:25px;left:unset;right:15px;}}.posts-view .ncpost-list-post,.posts-view .ncpost-pinned-post{padding-left:60px;position:relative;}.posts-view .ncpost-list-post .ncpost-container,.posts-view .ncpost-pinned-post .ncpost-container{overflow:unset;}.posts-view .ncpost-list-post .ncpost-icon-container,.posts-view .ncpost-pinned-post .ncpost-icon-container{width:35px;position:absolute;left:-50px;top:10px;}.posts-view .ncpost-list-post .ncpost-icon-container svg,.posts-view .ncpost-pinned-post .ncpost-icon-container svg{width:100%;height:100%;}.posts-view .ncpost-list-post .ncpost-icon-container img,.posts-view .ncpost-pinned-post .ncpost-icon-container img{width:100%;height:100%;}@media(max-width:600px){.posts-view .ncpost-list-post,.posts-view .ncpost-pinned-post{padding-left:30px;}.posts-view .ncpost-list-post .ncpost-icon-container,.posts-view .ncpost-pinned-post .ncpost-icon-container{width:25px;}}

.lc-feed-container .ncpost-list-post .ncpost-icon-container, .lc-feed-container .ncpost-pinned-post .ncpost-icon-container, .lc-feed-container .ncpost-linked .ncpost-icon-container {
    width: 35px;
    position: absolute;
    left: unset;
    right: 15px;
    top: 10px;
}
/*End extension CSS 12388, Icon library*/

/*Begin extension CSS 12390, Image Gallery*/
.ig__highlight-image{text-align:center;background-color:#fbfbfb;min-height:300px;display:flex;justify-content:center;align-items:center;}.ncpost-image-gallery{user-select:none;}.ncpost-image-gallery .ncpost-image-byline{display:flex;align-items:center;justify-content:center;margin-top:10px;}.ncpost-image-gallery .ncpost-image-byline-description{text-align:center;}.arrow-nav{position:absolute;top:200px;width:100%;}.arrow-nav div{padding:8px;cursor:pointer;}.arrow-nav svg{width:12px;}.ig__highlight-image img{max-width:80%;max-height:300px;}.ig__image-descr{text-align:center;margin-top:5px;}.ig__all-images-preview{display:flex;overflow-x:scroll;scroll-behavior:smooth;background-color:#fbfbfb;position:relative;max-width:1000px;user-select:none;}.ig__highlight-image{height:400px;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;}.ig__highlight-image img{max-width:100%;max-height:400px;}.ig__image-preview-element{display:flex;align-items:center;padding:0 3px;cursor:pointer;}.ig__image-wrapper{width:170px;height:120px;display:flex;align-items:center;justify-content:center;background-color:#ededed;}.ig__all-images-preview{padding-bottom:15px;}.ig__all-images-preview img{max-width:100%;max-height:120px;}.ig__all-images-preview img:hover{opacity:.6;}.ig__all-images-preview::-webkit-scrollbar{height:8px;background-color:#ececec;}.ig__all-images-preview::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.14);border-radius:3px;cursor:pointer;}.ig__buttons-container{position:relative;}.ig__arrow-element{width:18px;height:20px;background:#fbfbfb;position:absolute;bottom:30px;display:flex;align-items:center;justify-content:center;padding-top:2px;cursor:pointer;}.ig__arrow-element i{margin-bottom:1px;}.ig__right{right:27px;}.ig__left{left:27px;}
/*End extension CSS 12390, Image Gallery*/

/*Begin extension CSS 14438, Diks styles*/
@font-face {
    font-family: "CaslonDoric";
    font-style: normal;
    font-weight: 400;
    src: url("https://design.media.fi/assets/fonts/caslonDoric/CaslonDoric-RegularNo2-Web.woff2") format("woff2"),
        url("https://design.media.fi/assets/fonts/caslonDoric/CaslonDoric-RegularNo2-Web.woff") format("woff");
}

@font-face {
    font-family: "CaslonDoric";
    font-style: italic;
    font-weight: 400;
    src: url("https://design.media.fi/assets/fonts/caslonDoric/CaslonDoric-RegularNo2Italic-Web.woff2") format("woff2"),
        url("https://design.media.fi/assets/fonts/caslonDoric/CaslonDoric-RegularNo2Italic-Web.woff") format("woff");
}

@font-face {
    font-family: "CaslonDoric";
    font-style: normal;
    font-weight: 600;
    src: url("https://design.media.fi/assets/fonts/caslonDoric/CaslonDoric-Semibold-Web.woff2") format("woff2"),
        url("https://design.media.fi/assets/fonts/caslonDoric/CaslonDoric-Semibold-Web.woff") format("woff");
}

:root {
    --color-background-base: #fff;
    --color-background-primary: #0e57b6;
    --color-background-secondary-weakest: #f8f9fc;
    --color-background-strong: #262626;
    --color-text-base: #262626;
    --color-text-weak: #525252;
    --color-text-inverse: #fff;
    --color-text-primary: #0e57b6;

    --color-border-base: #e5e5e5;

    --color-status-warning: #ffe433;
    --color-status-danger: #b53535;

    --color-status-background-warning: rgba(255, 228, 51, 0.05);
    --color-status-background-danger: rgba(181, 53, 53, 0.05);

    --diks-font-weight-regular: 400;
    --diks-font-weight-semibold: 600;

    --diks-font-family: "CaslonDoric", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-background-base: #121416;
        --color-background-primary: #498EE9;
        --color-background-secondary-weakest: #1C1E22;
        --color-background-strong: #F5F5F5;
        --color-text-base: #F5F5F5;
        --color-text-weak: #D4D4D4;
        --color-text-inverse: #121416;
        --color-text-primary: #498EE9;

        --color-border-base: #3B3E44;

        --color-status-warning: #FFF299;
        --color-status-danger: #DC7575;

        --color-status-background-warning: #1C1E22;
        --color-status-background-danger: #1C1E22;
    }
}

:root.diks-theme--default {
    --color-background-base: #fff;
    --color-background-primary: #0e57b6;
    --color-background-secondary-weakest: #f8f9fc;
    --color-background-strong: #262626;
    --color-text-base: #262626;
    --color-text-weak: #525252;
    --color-text-inverse: #fff;
    --color-text-primary: #0e57b6;

    --color-border-base: #e5e5e5;

    --color-status-warning: #ffe433;
    --color-status-danger: #b53535;

    --color-status-background-warning: rgba(255, 228, 51, 0.05);
    --color-status-background-danger: rgba(181, 53, 53, 0.05);

    --diks-font-weight-regular: 400;
    --diks-font-weight-semibold: 600;

    --diks-font-family: "CaslonDoric", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

:root.diks-theme--darkmode {
    --color-background-base: #121416;
    --color-background-primary: #498EE9;
    --color-background-secondary-weakest: #1C1E22;
    --color-background-strong: #F5F5F5;
    --color-text-base: #F5F5F5;
    --color-text-weak: #D4D4D4;
    --color-text-inverse: #121416;
    --color-text-primary: #498EE9;

    --color-border-base: #3B3E44;

    --color-status-warning: #FFF299;
    --color-status-danger: #DC7575;

    --color-status-background-warning: #1C1E22;
    --color-status-background-danger: #1C1E22;
}

/* VUOHI -styles start */

:root.diks-site--vuohi {
    --color-background-base: #fff;
    --color-background-primary: #DB3900;
    --color-background-secondary-weakest: #E6E7F2;
    --color-background-strong: #1A1B23;
    --color-text-base: #242528;
    --color-text-weak: #4C4E58;
    --color-text-inverse: #fff;
    --color-text-primary: #DB3900;

    --color-border-base: #E4E5E6;

    --color-status-warning: #ffe433;
    --color-status-danger: #b53535;

    --color-status-background-warning: rgba(255, 228, 51, 0.05);
    --color-status-background-danger: rgba(181, 53, 53, 0.05);

    --diks-font-weight-regular: 400;
    --diks-font-weight-semibold: 600;

    --diks-font-family: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

@media (prefers-color-scheme: dark) {
    :root.diks-site--vuohi {
        --color-background-base: #121316;
        --color-background-primary: #FF4200;
        --color-background-secondary-weakest: #23242A;
        --color-background-strong: #F5F5F5;
        --color-text-base: #F5F5F5;
        --color-text-weak: #D2D2D6;
        --color-text-inverse: #121316;
        --color-text-primary: #FF4200;

        --color-border-base: #3B3E44;

        --color-status-warning: #FFF299;
        --color-status-danger: #DC7575;

        --color-status-background-warning: #1C1E22;
        --color-status-background-danger: #1C1E22;
    }
}


:root.diks-site--vuohi.diks-theme--default {
    --color-background-base: #fff;
    --color-background-primary: #DB3900;
    --color-background-secondary-weakest: #E6E7F2;
    --color-background-strong: #1A1B23;
    --color-text-base: #242528;
    --color-text-weak: #4C4E58;
    --color-text-inverse: #fff;
    --color-text-primary: #DB3900;

    --color-border-base: #E4E5E6;

    --color-status-warning: #ffe433;
    --color-status-danger: #b53535;

    --color-status-background-warning: rgba(255, 228, 51, 0.05);
    --color-status-background-danger: rgba(181, 53, 53, 0.05);

    --diks-font-weight-regular: 400;
    --diks-font-weight-semibold: 600;

    --diks-font-family: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

:root.diks-site--vuohi.diks-theme--darkmode {
    --color-background-base: #121316;
    --color-background-primary: #FF4200;
    --color-background-secondary-weakest: #23242A;
    --color-background-strong: #F5F5F5;
    --color-text-base: #F5F5F5;
    --color-text-weak: #D2D2D6;
    --color-text-inverse: #121316;
    --color-text-primary: #FF4200;

    --color-border-base: #3B3E44;

    --color-status-warning: #FFF299;
    --color-status-danger: #DC7575;

    --color-status-background-warning: #1C1E22;
    --color-status-background-danger: #1C1E22;
}

/* VUOHI -styles end */


h1, h2, h3, h4, h5, h6, strong, b {
    font-weight: var(--diks-font-weight-semibold);
}

body {
    margin-top: 0;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.lc-default-theme {
    background-color: var(--color-background-base);
}

.lc-default-theme .lc-feed-container {
    font-size: 18px;
    line-height: 1.333;
    padding: 16px 0 0 0;
    border-top: 2px solid var(--color-border-base);
    font-family: var(--diks-font-family);
    color: var(--color-text-base);
}

.lc-default-theme .lc-feed-container .ncpost-container {
    background-color: var(--color-background-base);
    padding: 16px;
    border-radius: 0px;
    margin: 16px 0 0 0;
    border-top: 1px solid var(--color-border-base);
}

.lc-default-theme .lc-feed-container .ncpost-pinned .ncpost-container {
    background: var(--color-background-secondary-weakest) !important;
}

.lc-feed-container .ncpost-list-post .ncpost-container.ncpost-importance-2 {
    background: var(--color-status-background-warning) !important;
    border-top: solid 4px var(--color-status-warning) !important;
    border-bottom: none;
}

.lc-feed-container .ncpost-list-post .ncpost-container.ncpost-importance-3 {
    background: var(--color-status-background-danger) !important;
    border-top: solid 4px var(--color-status-danger) !important;
    border-bottom: none;
}

.lc-default-theme .lc-feed-container .ncpost-linked {
    padding: 16px;
    background: var(--color-background-secondary-weakest) !important;
}

.lc-default-theme .lc-feed-container .ncpost-linked .ncpost-container {
    padding: 0;
    border: none;
    background: none !important;
}

.ncpost-linked .ncpost-linked-close {
    top: 16px;
    right: 16px;
    background: none;
    border: none;
}

.ncpost-linked .ncpost-linked-close svg {
    fill: var(--color-text-base) !important;
}

.ncpost-channelcontent-container {
    padding: 0 16px;
}

.lc-default-theme .lc-feed-container .ncpost-container .ncpost-header {
    margin: 0 0 15px 0;
}

.ncpost-container .ncpost-header .ncpost-byline,
.ncpost-container .ncpost-header .ncpost-timestamp {
    color: var(--color-text-weak);
}

.ncpost-container .ncpost-title {
    font-size: 22px;
}

.lc-feed-container .ncpost-title {
    font-weight: var(--diks-font-weight-semibold);
}

.ncpost-content a {
    color: var(--color-text-primary);
}

.ncpost-container .ncpost-new-comment-toggle {
    color: var(--color-text-primary);
    font-size: 14px;
}

.ncpost-question-container .ncpost-new-comment-toggle {
    border: 1px solid var(--color-text-primary);
    padding: 10px 15px;
    border-radius: 2px;
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: var(--diks-font-weight-semibold);
}

.lc-feed-container .ncpost-list-post,
.lc-feed-container .ncpost-pinned-post,
.lc-feed-container .ncpost-linked {
    padding-left: 0;
}

.lc-feed-container .lc-load-more {
    display: none;
    margin-bottom: 10px;
    border-radius: 2px;
    color: var(--color-text-inverse);
    background-color: var(--color-background-primary);
    font-weight: var(--diks-font-weight-semibold);
    padding: 12px 32px;
    font-size: 16px;
    line-height: 24px;
    border: none;
    transition: color .1s, background-color .1s, fill .1s;
    cursor: pointer;
    overflow-anchor: none;
    font-weight: var(--diks-font-weight-semibold);
}

.lc-feed-container .lc-load-more:hover {
    background-color: #07336e;
}

.ncpost-container .ncpost-image-byline-description,
.ncpost-container .ncpost-image-byline-source {
    color: var(--color-text-weak);
}

.ncpost-avatar-container {
    display: none;
}

.lc-feed-container .ncpost-list-post .ncpost-container .ncpost-header,
.lc-feed-container .ncpost-pinned-post .ncpost-container .ncpost-header,
.lc-feed-container .ncpost-linked .ncpost-container .ncpost-header {
    padding-left: 0 !important;
}

.ncpost-questions-container {
    margin-bottom: 0;
}

.nc-football-scoreboard {
    background-color: #fff;
    border-radius: 4px;
    margin: 30px 0;
    padding: 30px;
    font-family: var(--diks-font-family);
    box-shadow: 0 2px 10px #0000001a;
}
/*End extension CSS 14438, Diks styles*/

/*Begin extension CSS 14439, Diks scripts*/

/*End extension CSS 14439, Diks scripts*/

/*Begin extension CSS 14578, Relative link (editor and embed)*/

/*End extension CSS 14578, Relative link (editor and embed)*/

/*Begin extension CSS 16255, Link card 2.0*/
.ncpost-link-card {
    margin: 15px 0;
    border: 1px solid #E1E1E1;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    text-decoration: unset;
    padding: 20px;
}

.ncpost-link-card-image {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 20px;
}

.ncpost-link-card img {
    width: 180px;
    height: 100%;
    object-fit: cover;
}

.ncpost-link-card-info-title {
    font-weight: 700;
    font-size: 18px;
    text-decoration: underline;
    margin-bottom: 3px;
    color: #222;
}

.ncpost-link-card-info-site {
    color: #1E1E1E;
    font-size: 14px;
    margin-bottom: 10px;
}

.ncpost-link-card-info-description {
    color: #7C7C7C;
    font-weight: 400;
    font-size: 13px;
    text-decoration: unset;
}

/*End extension CSS 16255, Link card 2.0*/


.nc-lc-extensions-css{ display: block }