html {
    box-sizing: border-box;
}

html .rikoksentorjunta *,
html .rikoksentorjunta *:before,
html .rikoksentorjunta *:after {
    box-sizing: border-box;
}
html .rikoksentorjunta body {
    color: #222222;
    line-height: 1.5;
}
html .rikoksentorjunta #header .logo {
    width: 0;
    margin-top: 30px;
}
html .rikoksentorjunta #header .logo img {
    max-height: calc(1.5vw + 1.5rem);
    max-width: none;
}

@media screen and (min-width: 768px) {
    html .rikoksentorjunta #header .logo {
        margin: 0;
        margin-top: 25px;
    }
}

@media screen and (min-width: 980px) {
    html .rikoksentorjunta #header .logo {
        margin: 0;
        margin-top: 50px;
    }
    html .rikoksentorjunta #header .logo img {
        max-width: 350px;
        margin: 0;
    }
}

@media screen and (max-width: 1250px) {
    html .rikoksentorjunta #header .logo {
        margin-left: 2rem;
    }
}

@media screen and (max-width: 400px) {
    html .rikoksentorjunta #header .logo {
        margin-left: 4vw;
    }
}

html .rikoksentorjunta .btn,
html .rikoksentorjunta .btn-primary,
html .rikoksentorjunta .btn-highlight {
    border: 0;
    background: #e9e8e9;
    padding: 10px 24px;
    text-shadow: none;
}
html .rikoksentorjunta .btn-primary {
    background: #aa2c35;
    color: white;
}
html .rikoksentorjunta .btn-highlight {
    background: #198294;
    color: white;
}
html .rikoksentorjunta input[type="text"],
html .rikoksentorjunta input[type="number"],
html .rikoksentorjunta input[type="password"],
html .rikoksentorjunta input[type="date"] {
    height: 40px;
}
html .rikoksentorjunta textarea {
    min-height: 10em;
}
html .rikoksentorjunta p {
    line-height: 1.5;
}
html .rikoksentorjunta h1 {
    font-size: 30px;
}
html .rikoksentorjunta h2 {
    font-size: 22px;
    line-height: 1.25;
}
html .rikoksentorjunta h3 {
    font-size: 20px;
    line-height: 1.5;
}
html .rikoksentorjunta h1,
html .rikoksentorjunta h2,
html .rikoksentorjunta h3,
html .rikoksentorjunta h4,
html .rikoksentorjunta h5 {
    color: #222222;
    font-weight: 600;
}
html .rikoksentorjunta h1,
html .rikoksentorjunta h2 {
    line-height: 1.25;
}
html .rikoksentorjunta h3,
html .rikoksentorjunta h4,
html .rikoksentorjunta h5 {
    line-height: 1.5;
}
html
.rikoksentorjunta
.yja-accordion
.yja-accordion-wrapper
.yja-accordion-toggle {
    background-color: #198294;
    color: white;
    font-weight: 400;
    padding: 10px;
    margin-bottom: 0;
    cursor: pointer;
}
html .rikoksentorjunta h1 + p {
    margin-top: 20px;
}
html .rikoksentorjunta p:not(.lift__headline--supplement) + h2,
html .rikoksentorjunta p:not(.lift__headline--supplement) + h3,
html .rikoksentorjunta p:not(.lift__headline--supplement) + h4 {
    margin-top: 30px;
}
html
.rikoksentorjunta
.yja-accordion
.yja-accordion-wrapper
.yja-accordion-toggle
i {
    color: white;
}
html
.rikoksentorjunta
.yja-accordion
.yja-accordion-wrapper
.yja-accordion-content {
    display: none;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #198294;
    border-top: 0;
}
html
.rikoksentorjunta
.yja-accordion
.yja-accordion-wrapper.open
.yja-accordion-content {
    display: block;
}
html .rikoksentorjunta .article--main {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
}
@media screen and (min-width: 1024px) {
    html .rikoksentorjunta .article--main {
        -ms-flex-flow: row;
        flex-flow: row;
    }
}
html .rikoksentorjunta .article--main article {
    position: relative;
    z-index: 10;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
}
html .rikoksentorjunta .article--main figure {
    display: block;
    margin: 0;
    padding: 0;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
html .rikoksentorjunta .article--main figure > img {
    width: 100%;
}
@media screen and (min-width: 1024px) {
    html .rikoksentorjunta .article--main article {
        width: 50%;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding-right: 20px;
    }
    html .rikoksentorjunta .article--main figure {
        width: 50%;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
}
html .rikoksentorjunta .breadcrumb li {
    font-weight: 700;
}
@media screen and (min-width: 1024px) {
    html .rikoksentorjunta .lifts--frontpage {
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row;
        flex-flow: row;
        -ms-flex-pack: start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    html .rikoksentorjunta .lifts--frontpage .lift {
        width: 31.62393%;
        margin-bottom: 20px;
        margin-left: 2.5641%;
    }
    html .rikoksentorjunta .lifts--frontpage .lift:nth-child(3n + 1) {
        margin-left: 0;
    }
}
html .rikoksentorjunta .lift figure {
    margin: 0;
}
html .rikoksentorjunta .lift figure > img {
    max-width: 100%;
}
html .rikoksentorjunta .lift h3 {
    color: #222222;
    font-size: 20px;
    line-height: 1.5;
    color: #474747;
    font-weight: 600;
}
html .rikoksentorjunta .lift p {
    font-size: 17px;
}
html .rikoksentorjunta .lift p.lift__headline--supplement {
    font-size: 20px;
    font-weight: 300;
}
html .rikoksentorjunta .lift a:after {
    display: inline-block;
    content: "\f105" !important;
    font-family: "fontawesome-alloy";
    margin-left: 0.25em;
}
html .rikoksentorjunta .lift--simple {
    text-align: center;
    font-weight: 700;
}
html .rikoksentorjunta .lift--simple a:after {
    display: none;
}
html .rikoksentorjunta .lift--highlight {
    border-top: 6px solid #aa2c35;
    background-color: rgba(248, 154, 28, 0.25);
    padding: 20px;
}
html .rikoksentorjunta .lift--highlight .lift__image {
    display: none;
}
html .rikoksentorjunta .lift--highlight .lift__content > h3 {
    color: #096477;
}
@media screen and (min-width: 1024px) {
    html .rikoksentorjunta .lift--single {
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row;
        flex-flow: row;
        -ms-flex-pack: start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
html .rikoksentorjunta .lift--single figure {
    width: 31.62393%;
    margin-right: 2.5641%;
}
html .rikoksentorjunta .lift--single article {
    width: 65.81197%;
}
html .rikoksentorjunta .lift--single article p + p {
    margin-top: 30px;
}
html .rikoksentorjunta .masthead {
    background-color: #198294;
}
@media screen and (min-width: 1023px) {
    html .rikoksentorjunta .masthead {
        height: 400px;
    }
}
html .rikoksentorjunta .masthead img {
    width: auto;
    max-width: 1158px;
    height: 400px;
    position: absolute;
}
@media screen and (min-width: 1024px) and (max-width: 1599px) {
    html .rikoksentorjunta .masthead img {
        left: 0;
    }
}
@media screen and (min-width: 1600px) {
    html .rikoksentorjunta .masthead img {
        left: 0;
    }
}
@media screen and (max-width: 1023px) {
    html .rikoksentorjunta .masthead img {
        left: auto;
        margin-left: 0%;
        position: relative;
        height: auto;
        width: 100%;
    }
}
html .rikoksentorjunta .masthead .masthead__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 400px;
    max-width: 1140px;
    margin: 0 auto;
}
@media screen and (max-width: 1023px) {
    html .rikoksentorjunta .masthead .masthead__container {
        height: auto;
        max-width: 100%;
        background-color: #198294;
    }
}
html .rikoksentorjunta .masthead .masthead__content {
    background-color: #198294;
    height: 100%;
    z-index: 1;
    padding: 20px 40px;
}
@media screen and (max-width: 765px) {
    html .rikoksentorjunta .masthead .masthead__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width: 1023px) {
    html .rikoksentorjunta .masthead .masthead__content {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media screen and (min-width: 1024px) {
    html .rikoksentorjunta .masthead .masthead__content {
        width: 380px;
        -ms-flex-item-align: center;
        align-self: center;
    }
}
html .rikoksentorjunta .masthead .masthead__content h1,
html .rikoksentorjunta .masthead .masthead__content p {
    color: white;
}
html .rikoksentorjunta .masthead .masthead__content h1 {
    font-size: 27px;
    line-height: 1;
}
html .rikoksentorjunta .masthead .masthead__content p {
    font-size: 17px;
    line-height: 1.5;
}
html .rikoksentorjunta .masthead .masthead__content p + p {
    margin-top: 30px;
}
html .rikoksentorjunta .masthead .masthead__content a.btn-primary:after {
    display: inline-block;
    content: "\f105" !important;
    font-family: "fontawesome-alloy";
    margin-left: 10px;
    vertical-align: baseline;
}
@media screen and (min-width: 1024px) {
    html .rikoksentorjunta .masthead + .container {
        margin-top: -50px;
    }
}
html
.rikoksentorjunta
#main-content.landingpage-layout
#column-2
.portlet-asset-publisher
hr:last-child {
    display: none;
}
html .rikoksentorjunta #main-content.landingpage-layout #column-3 {
    margin-top: 9px;
}
html .rikoksentorjunta #main-content .portlet-boundary {
    background: rgba(255, 255, 255, 0.75);
}
html .rikoksentorjunta .hed-section {
    border: none;
    color: #222222;
}
html .rikoksentorjunta #main-content .portlet-title {
    font-weight: 600;
    font-size: 22px;
}
html
.rikoksentorjunta
#main-content.landingpage-layout
#column-2
.portlet-title {
    font-size: 24px;
}
html .rikoksentorjunta #main-content .portlet-asset-publisher h6 a {
    color: #222222;
}
html .rikoksentorjunta #main-content .portlet-body .feed-item {
    border-bottom: none;
}
html .rikoksentorjunta .media-item h2 {
    margin-top: 0;
}
html .rikoksentorjunta .media-item .meta {
    margin-bottom: 10px;
}
html .rikoksentorjunta footer {
    background-color: white;
}
html .rikoksentorjunta footer p > a.btn-primary {
    display: block;
    margin-bottom: 13px;
    text-align: center;
    font-weight: 700;
    font-size: 17px;
}
html .rikoksentorjunta footer p > a > img {
    display: inline-block;
}
html .rikoksentorjunta footer p > a + a > img {
    margin-left: 10px;
}

@media (max-width: 470px) {
    html .rikoksentorjunta #header .top-right-area {
        margin-top: 30px;
    }
}
@media (max-width: 769px) {
    html .rikoksentorjunta #header .top-right-area {
        width: 100%;
    }
}
@media screen and (min-width: 1024px) {
    html .rikoksentorjunta #header .top-right-area {
        top: 50px;
    }
}
html .rikoksentorjunta #header .header-top {
    background-color: white;
    height: 158px;
}
html .rikoksentorjunta #header .header-bottom {
    background-color: #07333B;
}
html .rikoksentorjunta .langs {
    color: #096477;
    font-size: 16px;
    margin-top: 7px;
}
html .rikoksentorjunta .langs a {
    color: #096477;
}
html .rikoksentorjunta #header .navbar .nav li a {
    color: white;
}
html .rikoksentorjunta #header .navbar .nav li a:hover {
    color: white;
}
html .rikoksentorjunta #header .navbar .nav > .active > a {
    color: white;
}
html .rikoksentorjunta #header .navbar .nav ul.dropdown-menu li > a {
    border-bottom-style: solid;
    border-bottom-color: #e9e8e9;
    color: #096477;
    background: transparent !important;
}
html .rikoksentorjunta #header .navbar .nav ul.dropdown-menu li > a:hover,
html
.rikoksentorjunta
#header
.navbar
.nav
ul.dropdown-menu
li
> a:active
html
.rikoksentorjunta
#header
.navbar
.nav
ul.dropdown-menu
li
> a:focus {
    color: #096477;
    background: transparent !important;
}
html .rikoksentorjunta #header .navbar .nav ul.dropdown-menu li:last-child > a {
    border-bottom: 0;
}
html .rikoksentorjunta #column-9 .portlet-navigation {
    padding: 0;
}
html .rikoksentorjunta .nav-menu {
    padding: 0;
}
html .rikoksentorjunta .nav-menu li {
    padding: 11px;
    border-bottom-style: solid;
    border-bottom-color: #e9e8e9;
}
html .rikoksentorjunta .nav-menu li:last-child {
    border-bottom: 0px;
}
html .rikoksentorjunta .yja-search-portlet h1 + input[type="text"] + button {
    font-weight: 700;
    margin-left: 10px;
    padding: 10px 25px;
}
/* ------- News Archive ------*/
html .rikoksentorjunta .nav-pills > .active > a,
html .rikoksentorjunta .nav-pills > .active > a:hover,
html .rikoksentorjunta .nav-pills > .active > a:focus {
    background-color: #aa2c35;
    border-radius: 0px;
}

/* Image float, override common-ui */
.journal-content-article img,
.portlet-blogs img {
    float: unset;
}

html body.rikoksentorjunta .lfr-nav-child-toggle {
    color: white;
}

html
body.rikoksentorjunta.signed-in.controls-visible
#main-content
.portlet-title {
    min-height: 30px;
}
html body.rikoksentorjunta.fixed-header .dockbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
html body.rikoksentorjunta .search-header-portlet .portlet-title {
    display: none;
}
html body.rikoksentorjunta .search-header-portlet .portlet-title {
    display: none;
}

html body.rikoksentorjunta #header,
html body.rikoksentorjunta .portlet-navigation,
html body.rikoksentorjunta footer {
    display: block;
}
html
body.rikoksentorjunta
.portlet-asset-publisher
.asset-full-content
.asset-actions {
    float: none;
}
html
body.rikoksentorjunta
.yja-search-portlet
.datepicker-wrapper
.input-append
.add-on {
    height: 22px;
}
.margin-bottom-large {
    margin-bottom: 20px;
}
html body.rikoksentorjunta .yja-search-portlet .btn-primary {
    padding: 10px 30px;
    vertical-align: top;
}
@media (min-width: 768px) {
    html body.rikoksentorjunta.page-maximized.signed-out > .container {
        margin-top: 0px;
    }
}
@media print {
    .inner-img,
    .portlet-breadcrumb,
    html body.rikoksentorjunta a:after,
    .flexslider,
    .top-right-area,
    .header-bottom,
    .portlet-navigation,
    footer {
        display: none !important;
    }
    html body.rikoksentorjunta .row-fluid [class*="span"] {
        width: 100%;
    }
    html body.rikoksentorjunta #main-content .portlet-boundary {
        border: none !important;
        margin: 0;
        padding: 10px 0;
    }
    html body.rikoksentorjunta .container.wide-flex {
        margin-top: 0px;
    }
}

/* collapsible */
html body.rikoksentorjunta .tabPanel {
    width: 100%;
    overflow: hidden;
}
html body.rikoksentorjunta .tabPanel .accordionHeading button,
html
body.rikoksentorjunta
.tabPanel
.accordionHeading
.accordionHeading__content {
    border-bottom: none;
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;
    border-top: 1px solid #b8b8b8;
    border-radius: 0;
    overflow: visible;
}

html body.rikoksentorjunta .tabPanel:last-child .accordionHeading button,
html
body.rikoksentorjunta
.tabPanel:last-child
.accordionHeading
.accordionHeading__content {
    border-bottom: 1px solid #b8b8b8;
}
html body.rikoksentorjunta .tabPanel:last-child .tabPanel__content__inner {
    border-bottom: 1px solid #b8b8b8;
}

.collapsible,
.staticCollapsible {
    margin: 1rem 0 3rem;
}

html body.rikoksentorjunta .tabPanel--noNumbers .accordionHeading {
    padding-left: 0;
}

html body.rikoksentorjunta .accordionHeading {
    z-index: 100;
    position: relative;
    width: 100%;
    margin: 0;
    padding-left: 15px;
    display: block;
}
html body.rikoksentorjunta .accordionHeading button {
    color: #222;
}
html body.rikoksentorjunta .accordionHeading button:focus {
    outline: none;
    background: #e8eaee;
}
html body.rikoksentorjunta .accordionHeading button:focus .state__open {
    color: #333;
}
html body.rikoksentorjunta .accordionHeading .accordionHeading__content a {
    color: #222;
}
html body.rikoksentorjunta .accordionHeading button,
html body.rikoksentorjunta .accordionHeading .accordionHeading__content {
    font-family: inherit;
    background: none;
    width: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    padding: 0.5rem 0.75rem 0.5rem 0;
}
html body.rikoksentorjunta .accordionHeading .order {
    position: relative;
    margin-left: -15px;
    font-weight: bold;
    font-size: 16px;
    line-height: 29px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    height: 30px;
    background-color: #666;
    border: 1px solid #232323;
    border-radius: 50%;
    text-align: center;
    transition: background-color 0.2s ease-in-out;
    z-index: 300;
}
html body.rikoksentorjunta .accordionHeading .heading {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0 1rem;
}
html body.rikoksentorjunta .accordionHeading .heading p {
    font-size: 1em;
}
html body.rikoksentorjunta .accordionHeading .heading p:last-child {
    margin-bottom: 0;
}
html body.rikoksentorjunta .accordionHeading .state {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 20px;
}
html body.rikoksentorjunta .accordionHeading .state__open {
    color: #666;
}

html body.rikoksentorjunta .accordionHeading button[aria-expanded="true"] {
    font-weight: bold;
}
html
body.rikoksentorjunta
.accordionHeading
button[aria-expanded="true"]
.state__open {
    display: inline-block;
}
html
body.rikoksentorjunta
.accordionHeading
button[aria-expanded="true"]
.state__close {
    display: none;
}

html
body.rikoksentorjunta
.accordionHeading
button[aria-expanded="false"]
.state__open {
    display: none;
}
html
body.rikoksentorjunta
.accordionHeading
button[aria-expanded="false"]
.state__close {
    display: inline-block;
}

html body.rikoksentorjunta .accordionHeading button[aria-expanded="true"],
html body.rikoksentorjunta .accordionHeading button:hover {
    background: #f5f5f5;
}
html body.rikoksentorjunta .accordionHeading button[aria-expanded="true"]:focus,
html body.rikoksentorjunta .accordionHeading button:hover:focus {
    background: #e8eaee;
}

.accordionHeading button .order,
.accordionHeading .accordionHeading__content .order {
    color: #fff !important;
}

html
body.rikoksentorjunta
.accordionHeading
button[aria-expanded="true"]
.order {
    background-color: #525252;
}

html body.rikoksentorjunta .collapsible--blue .accordionHeading button .order {
    background-color: #e40071;
    border-color: #e40071;
}
html
body.rikoksentorjunta
.collapsible--blue
.accordionHeading
button[aria-expanded="true"] {
    border-top: 1px solid #e40071;
    border-left: 1px solid #e40071;
    border-right: 1px solid #e40071;
}
html
body.rikoksentorjunta
.collapsible--blue
.accordionHeading
button[aria-expanded="true"]
.order {
    margin-left: -16px;
}
html
body.rikoksentorjunta
.collapsible--blue
.tabPanel__content[aria-hidden="false"]
.tabPanel__content__inner {
    border-bottom: 1px solid #e40071;
    border-left: 1px solid #e40071;
    border-right: 1px solid #e40071;
}
html body.rikoksentorjunta .collapsible--blue .state__close {
    color: #e40071;
}

html body.rikoksentorjunta .collapsible--pink .accordionHeading button .order {
    background-color: #e40071;
    border-color: #e40071;
}
html
body.rikoksentorjunta
.collapsible--pink
.accordionHeading
button[aria-expanded="true"] {
    border-top: 1px solid #e40071;
    border-left: 1px solid #e40071;
    border-right: 1px solid #e40071;
}
html
body.rikoksentorjunta
.collapsible--pink
.accordionHeading
button[aria-expanded="true"]
.order {
    margin-left: -17px;
}
html
body.rikoksentorjunta
.collapsible--pink
.tabPanel__content[aria-hidden="false"]
.tabPanel__content__inner {
    border-bottom: 1px solid #e40071;
    border-left: 1px solid #e40071;
    border-right: 1px solid #e40071;
}
html body.rikoksentorjunta .collapsible--pink .state__close {
    color: #e40071;
}

html
body.rikoksentorjunta
.collapsible--turquoise
.accordionHeading
button
.order {
    background-color: #096477;
    border-color: #096477;
}
html
body.rikoksentorjunta
.collapsible--turquoise
.accordionHeading
button[aria-expanded="true"] {
    border-top: 1px solid #096477;
    border-left: 1px solid #096477;
    border-right: 1px solid #096477;
}
html
body.rikoksentorjunta
.collapsible--turquoise
.accordionHeading
button[aria-expanded="true"]
.order {
    margin-left: -16px;
}
html
body.rikoksentorjunta
.collapsible--turquoise
.tabPanel__content[aria-hidden="false"]
.tabPanel__content__inner {
    border-bottom: 1px solid #096477;
    border-left: 1px solid #096477;
    border-right: 1px solid #096477;
}
html body.rikoksentorjunta .collapsible--turquoise .state__close {
    color: #096477;
}

.tabPanel__content[aria-hidden="true"] {
    display: none;
}

.tabPanel__content {
    display: block;
    float: left;
    width: 100%;
    padding: 0 0 0 15px;
}

html body.rikoksentorjunta .tabPanel--noNumbers .tabPanel__content {
    padding-left: 0;
}

.tabPanel__content__inner {
    padding: 15px;
    float: left;
    width: 100%;
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;
}

.tabPanelContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    border: 1px solid #999;
}

.tabPanelContainer:last-child {
    margin-bottom: 1.5rem;
}

@media (max-width: 500px) {
    html body.rikoksentorjunta .accordionHeading .order {
        flex: 0 0 44px;
        height: 44px;
        font-size: 20px;
        line-height: 42px;
        margin-right: 0.35rem;
    }

    html body.rikoksentorjunta .accordionHeading .heading {
        padding: 0 0.5rem 0.5rem;
    }

    html body.rikoksentorjunta .accordionHeading button {
        font-size: 16px;
    }

    html body.rikoksentorjunta .accordionHeading .arrow {
        flex: 0 0 44px;
    }

    .tabPanel__content {
        padding: 1rem;
    }
}

/* *******************
    * Youtube Playlist
    ********************** */

html body.rikoksentorjunta .ytVideos .u-flexGallery {
    display: flex;
}
@media screen and (max-width: 664px) {
    html body.rikoksentorjunta .ytVideos .u-flexGallery {
        flex-flow: column;
    }
}
@media screen and (min-width: 665px) {
    html body.rikoksentorjunta .ytVideos .u-flexGallery {
        justify-content: space-between;
        flex-flow: row;
        flex-wrap: wrap;
    }
}
html body.rikoksentorjunta .ytVideos .u-items--1 .video__item {
    width: 100%;
}
@media screen and (min-width: 665px) {
    html body.rikoksentorjunta .ytVideos .u-items--2 .video__item {
        width: 48%;
    }
    html body.rikoksentorjunta .ytVideos .u-items--3 .video__item {
        width: 31%;
    }
    html body.rikoksentorjunta .ytVideos .u-items--4 .video__item {
        width: 22%;
    }
}
html body.rikoksentorjunta .ytVideos .video__item {
    position: relative;
    margin-bottom: 1.5em;
}
html body.rikoksentorjunta .ytVideos .video__item > .u-ar_16-9:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}
html body.rikoksentorjunta .ytVideos .video__item > .u-ar_16-9 iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0px;
    width: 100%;
}
html body.rikoksentorjunta .ytVideos .video__item .video__placeholder {
    display: block;
    width: 100%;
}
html body.rikoksentorjunta .ytVideos .video__item .video__placeholder img {
    float: none;
    width: 100%;
}
html body.rikoksentorjunta .ytVideos .video__item .video__content {
    display: block;
    width: 100%;
}
html body.rikoksentorjunta .ytVideos .video__item .video__meta {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}
html body.rikoksentorjunta .ytVideos .video__item .video__meta span {
    font-size: 0.75em;
}
html body.rikoksentorjunta .ytVideos .video__item .video__meta span i {
    margin-right: 0.5em;
}
html
body.rikoksentorjunta
.ytVideos
.video__item
.video__meta
.video__meta--views {
    margin-right: auto;
}
html
body.rikoksentorjunta
.ytVideos
.video__item
.video__meta
.video__meta--duration {
    margin-left: auto;
}
html body.rikoksentorjunta {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
html body.rikoksentorjunta #heading {
    margin-top: 1px;
}
html body.rikoksentorjunta #heading .logo {
    min-height: initial !important;
}
html body.rikoksentorjunta .language-version-selection-portlet ul li:after {
    content: " | ";
    margin: 0 8px;
    color: #096477 !important;
}
html .portlet-boundary.portlet-breadcrumb .breadcrumb {
    padding-top: 21px !important;
    margin-bottom: 1px !important;
}
html .rikoksentorjunta .list-menu {
    padding: 0;
}
html .rikoksentorjunta .list-menu li {
    padding: 11px;
    border-bottom-style: solid;
    border-bottom-color: #e9e8e9;
}
html .rikoksentorjunta .list-menu li:last-child {
    border-bottom: 0px;
}

html .rikoksentorjunta.signed-out #main-content .landingpage-layout #column-1 {
    display: none;
}
@media screen and (min-width: 1024px) {
    html .rikoksentorjunta .masthead + .container {
        margin-top: 0 !important;
    }
}
html .rikoksentorjunta .portlet-asset-publisher li.h3.blog {
    line-height: 1.6em !important;
    font-size: 1em !important;
    font-weight: 400 !important;
}

/* Image float, override common-ui */
.journal-content-article img,
.portlet-blogs img {
    float: unset;
}

/* ************* HAASTE-LEHTI ************** */
.rikoksentorjunta.haaste .mm-page > #content {
    max-width: 100%;
}

.haaste-banner {
    background-color: #f3eed9;
    border-bottom: 3px solid #aa2c35;
    padding: 2rem;
}

.haaste-banner .haaste-logo {
    width: 14rem;
    display: block;
    margin: 0 auto;
}

.haaste-banner .title {
    font-size: 1.2rem;
    font-weight: bold;
    display: block;
    margin: 1rem auto 0 auto;
    text-align: center;
}

.rikoksentorjunta.haaste
#main-content
.portlet-nested-portlets.container.portlet-boundary {
    margin: 0 auto;
    background: transparent;
}

.rikoksentorjunta.haaste #main-content .portlet-breadcrumb.portlet-boundary {
    background: transparent;
}

.rikoksentorjunta.haaste .portlet-navigation ul li:not(:last-child) {
    border-bottom: 1px solid #aa2c35;
}

.rikoksentorjunta.haaste .portlet-navigation ul li a {
    color: #121212;
    display: block;
    padding: 0.2rem 0;
}

.rikoksentorjunta.haaste .portlet-navigation .open {
    font-weight: bold;
}

.rikoksentorjunta.haaste
.portlet-layout
.portlet-boundary.portlet-borderless
.breadcrumb,
.rikoksentorjunta.haaste
.journal-display-page
.portlet-boundary.portlet-borderless
.breadcrumb {
    border: 0 !important;
    padding: 0.5rem 2rem !important;
    margin: 0 !important;
}

.rikoksentorjunta.haaste a.link-list-item-link {
    display: block;
    color: #121212;
    padding: 0.5rem 1rem;
    background-color: #f4f4f4;
    font-size: 1em !important;
    position: relative;
}

.rikoksentorjunta.haaste a.link-list-item-link:not(.yja-external-link):after {
    content: "\f054";
}

.rikoksentorjunta.haaste a.link-list-item-link.yja-external-link:after {
    line-height: 3.4;
}

.rikoksentorjunta.haaste a.link-list-item-link:after {
    background-color: #aa2c35;
    color: #fff;
    font-family: "fontawesome-alloy";
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    margin-right: 0.3em;
    speak: never;
    text-decoration: inherit;
    text-transform: none;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    line-height: 3;
    width: 2rem;
    text-align: center;
}

section.haaste-issue-details {
    background-color: #f0f0f0;
    border-top: 1px solid #aa2c35;
    display: flex;
}

section.haaste-issue-details > div {
    margin: 1rem;
    padding: 0.5rem 2rem 0.5rem 0;
    line-height: 1.4;
}

section.haaste-issue-details > .numbers {
    border-right: 1px solid #aa2c35;
}

section.haaste-issue-details > .numbers .issue-number,
section.haaste-issue-details > .theme {
    font-size: 1.5rem;
    font-weight: bold;
}

section.haaste-issue-details > .theme > .sub {
    display: block;
    font-weight: normal;
    font-size: 1rem;
}

.rikoksentorjunta.haaste .haaste-article .image picture {
    display: flex;
    align-items: center;
    overflow: hidden;
    max-height: 400px;
    margin-bottom: 1rem;
}

.rikoksentorjunta.haaste .haaste-article .image picture > img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.rikoksentorjunta.haaste .haaste-article h1 {
    text-transform: none;
    font-size: 1.6rem;
}

.rikoksentorjunta.haaste .haaste-article .tags span {
    color: #777;
    font-style: italic;
}

.rikoksentorjunta.haaste .haaste-article blockquote {
    float: right;
    width: 50%;
    max-width: 300px;
    margin: .5rem 0 1rem 1.5rem;
    padding: 0 0 0 2.125rem;
    font-size: 1rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
}

@media screen and (max-width: 767px) {
    .rikoksentorjunta.haaste .haaste-article blockquote {
        float: none;
        width: auto;
        max-width: unset;
        margin: .5rem 0 1.5rem;
    }
}

.rikoksentorjunta.haaste .haaste-article blockquote::before {
    content: "\f10d";
    color: #aa2c35;
    font-size: 1.125rem;
    font-family: "fontawesome-alloy";
    font-style: normal;
}

.rikoksentorjunta.haaste .haaste-article blockquote p {
    font-size: 1rem;
}

.rikoksentorjunta.haaste .haaste-article blockquote * {
    font-style: italic !important;
}

.rikoksentorjunta.haaste .haaste-article blockquote *:last-child {
    margin-bottom: 0;
}

.haaste-two-column-article-list .portlet-body div.h2,
.haaste-two-column-article-list .portlet-body div.separator {
    display: none !important;
}

.haaste-two-column-article-list .portlet-body {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0.5rem;
}

.haaste-two-column-article-list .portlet-body .asset-full-content {
    width: 50%;
    margin-bottom: 2rem;
    padding-left: 0;
    padding-right: 1rem;
}

.haaste-two-column-article-list
.portlet-body
.asset-full-content:nth-child(even) {
    width: 50%;
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 0;
}
.journal-content-article a.yja-external-link:after {
    top: 0;
    font-size: 17px;
}