/**
 * @file
 * Subtheme specific CSS.
 */

body {
background: #FFF !important;
}

#page-wrapper {

}

#page {
max-width: 1440px;
margin: auto;
font-family: 'aktiv-grotesk';
font-style: normal;
font-weight: 400;
font-size: 18px;
color: #202020;
overflow-wrap: break-word;
}

/* Yleisiä muotoiluja */

p.sisennys {
padding-left: 40px;
font-size: 16px;
}


a {
text-decoration: none;
color: #8C00C1;
}

a:hover {
color: #8C00C1 !important;
text-decoration: underline;
}

h1 {
font-size: 40px;
overflow-wrap: break-word;
}

h2 {
font-size: 30px;
font-family: 'aktiv-grotesk';
font-weight: bold;
line-height: 120%;
margin-top: 40px;
margin-bottom: 20px;
}

h3 {
font-size: 24px;
font-family: 'aktiv-grotesk';
}

h4 {
font-size: 18px;
font-family: 'aktiv-grotesk';
}

.field--name-field-norm-valiotsikko h2 {
font-size: 24px;
font-weight: bold;
}

.field--name-field-norm-tekstikappale {
font-family: 'lemonde-journal';
font-style: normal;
font-weight: 400;
}

/* Breadcrumb, leivänmuru */

#page #block-tietap-breadcrumbs {
max-width: 1224px;
margin: 0 auto;
clear: none;
width: 100%;
margin-top: 14px;
margin-bottom: 14px;
}

#page .block-system-breadcrumb-block .breadcrumb {
margin-bottom: 0px;
color: #516170;
}

.breadcrumb-item a,
.breadcrumb-item  {
font-family: aktiv-grotesk-condensed, sans-serif;
font-weight: 700;
font-style: normal;
color: #516170;
}

.breadcrumb-item+.breadcrumb-item::before {
content: url(images/chevron-right.svg);
height: 12px;
}

#page nav.tabs {
max-width: 1224px;
margin: auto;
margin-bottom: 10px;
}

#page #block-tietap-content {
max-width: 1224px;
/*float: left;*/
margin: 0 auto;
clear: none;
width: 100%;
}

#page #block-tietap-content .node__content a{
text-decoration: underline;
color: #8C00C1 !important;
}

#navbar-main {
background-color: #FFF !important;
}

#header {
border-bottom: 1px solid #B8CADD;
max-width: 1224px;
margin: auto;
margin-bottom: 2px;
}

/* Logo */

#header img {
width: 184px;
}

/* */

#header nav {
}

.header_search {
}

#main-wrapper {
width: 100%;
margin: 0 auto;
}

#main-wrapper .container-fluid {
}

/* Tabs */



/* Ylävalikko*/

.navbar-collapse {
justify-content: center !important;
}

.navbar-collapse .navbar-nav {
}

.navbar-collapse .nav-link {
transition: none;
}

.navbar-collapse a.nav-link {
font-family: aktiv-grotesk-condensed, sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
margin-right: 24px;
padding: 8px;
color: #202020;
}

.navbar-collapse a.nav-link:hover {
color: #202020 !important;
/*text-decoration: none;*/
}

.navbar-collapse .navbar-nav li:first-child a {
background: #F3BCDF;
border-radius: 25px;
padding: 8px 16px;
}

.navbar-collapse .navbar-nav li:first-child a:hover {
background: #8C00C1;;
color: #FFF !important;
text-decoration: none;
}

/* Otsikoiden nuolet*/

.nuoli-oikea::after {
content: url(images/arrow-right.svg);
display: inline-block;
vertical-align: middle;
padding-top: 3px;
}

.nuoli-vasen::before {
content: url(images/arrow-left.svg);
display: inline-block;
vertical-align: middle;
padding-top: 3px;
}

.nuoli-ylos::after {
content: url(images/arrow-up.svg);
display: inline-block;
vertical-align: middle;
padding-top: 3px;
}

.nuoli-vasen-harmaa::after {
content: url(images/arrow-left-gray.svg);
display: inline-block;
vertical-align: middle;
}

a:hover .nuoli-vasen-harmaa::after {
content: url(images/arrow-left-white.svg);
display: inline-block;
vertical-align: middle;
}

.nuoli-oikea-harmaa::after {
content: url(images/arrow-right-gray.svg);
display: inline-block;
vertical-align: middle;
}

a:hover .nuoli-oikea-harmaa::after {
content: url(images/arrow-right-white.svg);
display: inline-block;
vertical-align: middle;
}

/* Accordion/haitari nuolet */ 

.haitari-nuoli {
content: url(images/chevron-down.svg);
display: inline-block;
vertical-align: middle;
}

.ui-state-active .haitari-nuoli {
content: url(images/chevron-up.svg);
display: inline-block;
vertical-align: middle;
}

/* Etusivun rakenne */

.fp-content {
width: 1224px;
float: left;
width: 100%;
}

.fp-block-title {
font-size: 38px;
text-transform: uppercase;
font-family: 'aktiv-grotesk-condensed';
font-style: normal;
font-weight: 800;
}

.fp-block-more {
font-size: 18px;
text-transform: uppercase;
font-family: 'aktiv-grotesk-condensed';
font-style: normal;
font-weight: 700;
color: #8C00C1;
}

.fp-block-more a{
color: #8C00C1;
}

.fp-block-more a:hover{
color: #8C00C1;
}

.fp-block-otsikko-norm {
margin-top: 8px;
}

.fp-block-otsikko-norm a{
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 150%;
color: #202020;
}

.fp-block-otsikko-norm2 a{
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 150%;
color: #202020;
}

.fp-block-otsikko-norm3 {
margin-bottom: 8px;
margin-top: 8px;
}

.fp-block-otsikko-norm3 {
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 120%;
color: #202020;
}

.fp-block-kirjoittaja {
font-family: 'aktiv-grotesk-condensed';
font-style: normal;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
margin-top: -12px;
color: #202020;
}

.fp-block-kirjoittaja span {
color: #202020;
}

.fp-block-kirjoittaja2 {
font-family: 'aktiv-grotesk-condensed';
font-style: normal;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 8px;
color: #202020;
}

.fp-block-rlink a {
text-transform: uppercase;
font-family: 'aktiv-grotesk-condensed';
font-style: normal;
font-weight: 700;
font-size: 16px;
padding: 16px;
border-radius: 25px;
background: #8C00C1;
color: #FFF;
display: inline-block;
}

.fp-block-rlink a:hover {
background: #000;
color: #FFF !important;
text-decoration: none;
}

.fp-row1 {
display: flex;
width: 100%;
float: left;
margin: 48px 0px 48px 0px;
}

.fp-row-cols23 {
display: flex;
float: left;
}

/* Etusivu IE */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

.fp-row1 {
display: block;
}

.block-region-fp-row1-col1 {
width: 600px;
}

.block-region-fp-row1-col2 {
width: 289px;
}

}

/* Etusivun laatikko 1 rivi 1 */

.block-region-fp-row1-col1 {
max-width: 600px;
float: left;
margin-right: 20px;
}


.block-region-fp-row1-col1 .col-1 a:hover {
text-decoration: none !important;
}

.block-region-fp-row1-col1 .field--name-field-media-image img{
width: 100%;
height: auto;
}

/*.fp-row1-col .views-field-field-art-kirjoittajan-nimi .field-content,
.fp-row1-col .views-field-title,
.fp-row1-col .views-field-field-art-lyhyt-teksti,
.fp-row1-col .views-field-nothing {
display: inline-block;
width: 100%;
}*/

.block-region-fp-row1-col1 .field--name-field-norm-kirjoittaja-lisatieto {
display: none;
}

.block-region-fp-row1-col1 .views-field-title {
font-family: 'lemonde-journal';
font-size: 40px;
font-weight: bold;
margin-bottom: 16px;
line-height: 120%;
color: #202020 !important;
}

.block-region-fp-row1-col1 .col-1 .views-field-title span:hover {
text-decoration: underline;
color: #8C00C1;
}

/*.block-region-fp-row1-col1 .views-field-title a{
color: #202020;
}*/

/* Etusivun laatikko 2 rivi 1 */

.block-region-fp-row1-col2 {
/*width: 100%;*/
max-width: 289px;
float: left;
margin-right: 20px;
background: #EFF4F8;
min-height: 200px;
padding-bottom: 32px;
}

.block-region-fp-row1-col2 .field--name-field-media-image {
margin: 16px 16px 0px 16px;
}

.block-region-fp-row1-col2 .field--name-field-media-image img{
width: 100%;
height: auto;
}

.block-region-fp-row1-col2 .views-field-title {
font-family: 'aktiv-grotesk-condensed';
font-style: normal;
font-weight: 700;
margin-left: 16px;
font-size: 24px;
}

.block-region-fp-row1-col2 .views-field-field-num-artikkelilistaus {
margin-top: 10px;
margin-left: 16px;
font-size: 18px;
font-family: 'lemonde-journal';
font-style: italic;
font-weight: 400;
}

.block-region-fp-row1-col2 .views-field-field-num-artikkelilistaus .list-group-item {
background: #EFF4F8;
border: 0;
}

.block-region-fp-row1-col2 .views-field-title-1  {
margin-top: 32px;
margin-left: 16px;
}

/*.block-region-fp-row1-col2 .views-field-title-1 a {
text-transform: uppercase;
font-family: 'aktiv-grotesk-condensed';
font-style: normal;
font-weight: 700;
font-size: 16px;
padding: 16px;
border-radius: 25px;
background: #8C00C1;
color: #FFF;
display: inline-block;
}*/

/* Etusivun laatikko 3 rivi 1 */

.block-region-fp-row1-col3 {
/*width: 100%;*/
max-width: 289px;
float: left;
}

.block-region-fp-row1-col3 h2 {
}

.block-region-fp-row1-col3 .view-content {
margin-top: 20px;
}

.block-region-fp-row1-col3 .views-row {
margin-bottom: 24px;
}

.block-region-fp-row1-col3 .views-row:last-child {
margin-bottom: 33px;
}

.block-region-fp-row1-col3 .views-field-field-norm-julkaisupaivamaara {
font-size: 14px;
color: #516170;
}

.block-region-fp-row1-col3 .view-footer a {
font-size: 18px;
color: #8C00C1;
font-weight: bold;
}

/* Etusivun laatikko 4 tekstiosio */

.block-region-fp-row2 {
width: 98vw;
position: relative;
left: calc(-49vw + 50%);
float: left;
}

.block-region-fp-row2 .view-etusivun-osiot-laatikko-4 {
max-width: 1440px;
margin: 0 auto;
padding: 48px 0px 48px 0px;
background: #E9F0F5;
}

.block-region-fp-row2 .view-etusivun-osiot-laatikko-4 .view-content{
max-width: 808px;
margin: 0 auto;
font-size: 26px;
text-align: center;
font-family: 'lemonde-journal';
font-style: normal;
font-weight: normal;
}

.block-region-fp-row2 .view-etusivun-osiot-laatikko-4 .row>*{
padding-left: 0px;
padding-right: 0px;
}

/* Etusivun laatikko 5 banneri*/

.block-region-fp-row3 {
float: left;
width: 100%;
margin-top: 80px;
margin-bottom: 16px;
padding: 32px 0px 32px 0px;
border-top: 1px solid #B8CADD;
border-bottom: 1px solid #B8CADD;
}

.block-region-fp-row3 .view-content{
text-align: center;
width: 100%;
margin: 0 auto;
}

.block-region-fp-row3 .view-content .field-content{
max-width: 808px;
margin: 0 auto;
}

.block-region-fp-row3 .view-content img{
margin-bottom: 0px;
max-width: 100%;
height: auto;
}

/* Etusivun laatikko 6 pääkirjoitus*/

.block-region-fp-row4 {
width: 100%;
float: left;
margin-top: 64px;
padding-bottom: 50px;
border-bottom: 1px solid #B8CADD;
}

.block-region-fp-row4 a:hover {
text-decoration: none !important;
}

.block-region-fp-row4 .views-row {
display: flex;
}

.block-region-fp-row4 .views-field-fieldset {
max-width: 600px;
float: left;
margin-right: 24px;
}

.block-region-fp-row4 .views-field-fieldset img{
width: 100%;
height: auto;
}

.block-region-fp-row4 .views-field-fieldset-1 {
float: left;
max-width: 595px; /*KORJATTAVA 600px*/
}

.block-region-fp-row4 .views-field-field-paa-lyhyt-teksti {
font-size: 18px;
line-height: 140%;
}

.block-region-fp-row4 .views-field-title span:hover {
text-decoration: underline;
color: #8C00C1;
}

/* Etusivun laatikko 7 artikkelit */

.block-region-fp-row5 {
float: left;
width: 100%;
margin-top: 32px;
padding-bottom: 50px;
border-bottom: 1px solid #B8CADD;
}

.block-region-fp-row5 a:hover {
text-decoration: none !important;
}

.block-region-fp-row5 .view-content {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
}

.block-region-fp-row5 .osion-otsikko {
width: 288px;
/*flex-shrink: 0;*/
padding-left: 0px;
padding-right: 0px;
margin-right: 10px;
}

.block-region-fp-row5 .row>* {
/*flex-shrink: 1;*/
}

.block-region-fp-row5 .views-row {
padding: 0px;
flex-shrink: 1;
}

.block-region-fp-row5 .views-row-1,
.block-region-fp-row5 .views-row-2 {
margin-right: 20px;
}

.block-region-fp-row5 .views-row img{
width: 100%;
height: auto;
}

.block-region-fp-row5 .field--name-field-norm-kirjoittaja-lisatieto {
display: none;
}

.block-region-fp-row5 .views-field-title span:hover {
text-decoration: underline;
color: #8C00C1;
}

/* Etusivun laatikko 8 katsaukset */

.block-region-fp-row6 {
float: left;
width: 100%;
margin-top: 32px;
padding-bottom: 60px;
}

.block-region-fp-row6 a:hover {
text-decoration: none !important;
}

.block-region-fp-row6 .view-content {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
}

.block-region-fp-row6 .osion-otsikko {
width: 288px;
/*flex-shrink: 0;*/
padding-left: 0px;
padding-right: 0px;
margin-right: 10px;
}

.block-region-fp-row6 .row>* {
/*flex-shrink: 1;*/
}

.block-region-fp-row6 .views-row {
max-width: 288px; /* KORJATTAVA, KUN KATSAUKSIA ENEMMÄN*/
padding: 0px;
flex-shrink: 1;
}

.block-region-fp-row6 .views-row-1,
.block-region-fp-row6 .views-row-2 {
margin-right: 20px;
}

.block-region-fp-row6 .views-row img{
width: 100%;
height: auto;
}

.block-region-fp-row6 .field--name-field-kats-kirjoittaja-lisatieto {
display: none;
}

.block-region-fp-row6 .views-field-title span:hover {
text-decoration: underline;
color: #8C00C1;
}

/* Etusivun laatikko 9 sarja */

.block-region-fp-row7 {
width: 98vw;
position: relative;
left: calc(-49vw + 50%);
float: left;
}

.block-region-fp-row7 a:hover {
text-decoration: none !important;
}

.block-region-fp-row7 .view-etusivun-osiot-laatikko-9 {
max-width: 1440px;
margin: 0 auto;
padding: 48px 20px 48px 20px;
background: #E9F0F5;
}

.block-region-fp-row7 .view-etusivun-osiot-laatikko-9 .view-content  {
max-width: 1224px;
margin: 0 auto;
}

.block-region-fp-row7 .view-content {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
}

.block-region-fp-row7 .osion-otsikko {
width: 288px;
padding-left: 0px;
padding-right: 0px;
margin-right: 10px;
}

.block-region-fp-row7 .views-row {
padding: 0px;
flex-shrink: 1;
--bs-gutter-x: 0rem;
}

.block-region-fp-row7 .views-field-field-norm-tiivistelma {
font-family: 'lemonde-journal';
font-style: normal;
font-weight: normal;
font-size: 28px;
line-height: 140%;
margin-bottom: 10px;
}

.block-region-fp-row7 .views-field-field-norm-tiivistelma a {
color: #202020 !important;
}

.block-region-fp-row7 .views-field-title {
float: left;
}

.block-region-fp-row7 .views-field-title span {
color: #202020;
font-style: normal;
font-weight: bold;
}

.block-region-fp-row7 .views-field-title span:hover {
text-decoration: underline;
color: #8C00C1;
}

.block-region-fp-row7 .views-field-title::after {
content: " | ";
margin-left: 10px;
}

.block-region-fp-row7 .fp-sarja-kirjoittaja {
margin-left: 10px;
float: left;
text-transform: uppercase;
font-style: normal;
font-weight: bold;
}

.block-region-fp-row7 .fp-sarja-kirjoittaja a {
color: #202020;
}

.block-region-fp-row7 .fp-sarja-kirjoittaja a:hover {
color: #202020 !important;
}

.block-region-fp-row7 .field--name-field-norm-kirjoittajan-lisatieto {
display: none;
}

/* Etusivun laatikko 10 Kirjallisuus */

.block-region-fp-row8 {
float: left;
width: 100%;
margin-top: 48px;
padding-top: 32px;
border-top: 1px solid #B8CADD;
}

.block-region-fp-row8 a:hover {
text-decoration: none !important;
}

.block-region-fp-row8 .view-content {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
}

.block-region-fp-row8 .osion-otsikko {
width: 288px;
/*flex-shrink: 0;*/
padding-left: 0px;
padding-right: 0px;
margin-right: 10px;
}

/*
.block-region-fp-row8 .row>* {
flex-shrink: 1;
}*/

.block-region-fp-row8 .views-row {
padding: 0px;
flex-shrink: 1;
}

.block-region-fp-row8 .views-row-1,
.block-region-fp-row8 .views-row-2 {
margin-right: 20px;
}

.block-region-fp-row8 .views-row img{
width: 100%;
height: auto;
}

.block-region-fp-row8 .field--name-field-kir-kirjoittajan-lisatieto {
display: none;
}

.block-region-fp-row8 .views-field-title span:hover {
text-decoration: underline;
color: #8C00C1;
}

/* Etusivun laatikko 10 rivi 9  Arkistosta */

.fp-row9 {
margin-top: 48px;
margin-bottom: 60px;
padding-top: 32px;
border-top: 1px solid #B8CADD;
}

.fp-row-cols12 {
display: flex;
}

.block-region-fp-row9-col1 {
max-width: 287px;
margin-right: 26px;
float: left;
}

.block-region-fp-row9-col1 a:hover {
text-decoration: none !important;
}

.block-region-fp-row9-col1 .osion-otsikko {
padding: 0px 16px 0px 16px;
}

.block-region-fp-row9-col1 .row {
--bs-gutter-x: 0rem;
}

.block-region-fp-row9-col1 .views-field-fieldset {
padding: 16px 16px 0px 16px;
float: left;
width: 100%;
margin-top: 28px;
min-height: 592px;
background: #EFF4F8;
}

.block-region-fp-row9-col1 .field--name-field-media-image {
/*margin: 16px 16px 0px 16px;*/
}

.block-region-fp-row9-col1 .field--name-field-media-image img{
width: 100%;
height: auto;
}

.block-region-fp-row9-col1 .field--name-field-ark-kirjoittajan-lisatieto {
display: none;
}

.block-region-fp-row9-col1 .views-field-title {
font-size: 18px;
}

.block-region-fp-row9-col1 .views-field-title span:hover {
text-decoration: underline;
color: #8C00C1;
}

.block-region-fp-row9-col1 .views-field-nothing {
float: left;
width: 100%;
margin-bottom: 32px;
}

.block-region-fp-row9-col1 .views-field-nothing-1 {
font-size: 18px;
font-family: 'lemonde-journal';
font-style: normal;
font-weight: 400;
font-style: italic;
}

/* Etusivun laatikko 12 rivi 9 */

.block-region-fp-row9-col2 {
max-width: 287px; /* KORJATTAVA MAX KUN SISÄLTÖÄ*/ 
float: left;
margin-right: 26px;
}

.block-region-fp-row9-col2 .osion-otsikko {
}

.block-region-fp-row9-col2 .row {
--bs-gutter-x: 0rem;
}

.block-region-fp-row9-col2 .views-row {
margin-top: 28px;
/*margin-top: -6px; /* KORJATTAVA 28px KUN SISÄLTÖÄ*/
}

/* LAATIKKO 12 VÄLIAIKAINEN, POISTETAAN, KUN KESKUSTELUA*/

.block-region-fp-row9-col2 .fp-block-more {
/*margin-top: -6px; /* POIS */
}

.block-region-fp-row9-col2 .views-field-nothing-1 {
/*margin-top: 28px; /* POIS */ 
/*font-size: 18px; /* POIS */ 
/*font-family: 'lemonde-journal'; /* POIS */
/*font-style: normal; /* POIS */
/*font-weight: 400; /* POIS */ 
}

/* Etusivun laatikko 12 rivi 9 sarjakuva */

.block-region-fp-row9-col3 {
float: left;
max-width: 592px; /* KORJATTAVA 597*/
}

.block-region-fp-row9-col3 .views-row .views-field-fieldset  {
position: relative;
}

.block-region-fp-row9-col3 .views-row .views-field-nothing-1 {
position: absolute;
right: 0;
bottom: 0;
margin-bottom: 60px;
}

.block-region-fp-row9-col3 .views-row .views-field-nothing-1 a {
padding: 15px 40px 15px 40px;
background: #8C00C1;
color: #FFF;
font-size: 24px;
text-transform: uppercase;
font-family: 'aktiv-grotesk-condensed';
}

.block-region-fp-row9-col3 .views-row .views-field-nothing-1 a:hover {
color: #FFF !important;
text-decoration: none;
}

.block-region-fp-row9-col3 .views-field-field-sk-kansikuva {
width: 100%;
margin: 0 auto;
margin-top: 28px;
}

.block-region-fp-row9-col3  .views-field-field-sk-kansikuva img{
width: 100%;;
height: auto;
}

/* Etusivun laatikko 14 banneri*/

.block-region-fp-row10 {
float: left;
width: 100%;
margin-bottom: 80px;
padding: 32px 0px 32px 0px;
border-top: 1px solid #B8CADD;
border-bottom: 1px solid #B8CADD;
}

.block-region-fp-row10 .view-content{
text-align: center;
width: 100%;
margin: 0 auto;
}

.block-region-fp-row10 .view-content .field-content{
max-width: 808px;
margin: 0 auto;
}

.block-region-fp-row10 .view-content img{
max-width: 100%;
height: auto;
margin-bottom: 0px;
}

/* Sisällön otsikko */

.block-page-title-block {
max-width: 1224px;
margin: auto;
}

.field--name-node-title {
max-width: 808px;
margin: 0 auto;
/*text-align: center;*/
}

.node--type-numero .field--name-node-title {
max-width: 808px;
margin: 0 auto;
text-align: center;
}

/* Numeron otsikko */

.node--type-numero .field--name-node-title {
font-family: 'aktiv-grotesk-condensed';
font-style: normal;
font-weight: 800;
font-size: 38px;
line-height: 120%;
text-transform: uppercase;
}

/* Numeron PDF-tiedosto */

body.node--type-numero .view-id-infolaatikko_napit_nakyma {
width: 200px;
float: right;
margin-top: -80px;
}

body.node--type-numero .views-element-container .view-id-infolaatikko_napit_nakyma .view-content .views-row {
display: block;
}

body.node--type-numero .view-id-infolaatikko_napit_nakyma a {
text-transform: uppercase;
font-family: 'aktiv-grotesk-condensed';
font-style: normal;
font-weight: 700;
font-size: 16px;
padding: 16px;
border-radius: 25px;
background: #8C00C1;
color: #FFF;
display: inline-block;
float: right;
}

body.node--type-numero .view-id-infolaatikko_napit_nakyma a:hover {
background: #000;
color: #FFF !important;
text-decoration: none;
}

/* Numeron kansikuva*/

body.node--type-numero .field--name-field-norm-kansikuva {
margin-top: 48px;
}

body.node--type-numero .field--name-field-norm-kansikuva img{
max-width: 100%;
height: auto;
}

/* Numeron alla olevat kategoriat, pääkirjoitus, artikkelit jne. */

.field--name-dynamic-block-fieldnode-numeron-kategoriat-nakyma .field__label,
.field--name-dynamic-block-fieldnode-numeron-paakirjoitus-nakyma .field__label,
.field--name-dynamic-block-fieldnode-numeron-artikkelit-nakyma .field__label,
.field--name-dynamic-block-fieldnode-numeron-katsaukset-nakyma .field__label,
.field--name-dynamic-block-fieldnode-numeron-uutiset-nakyma .field__label,
.field--name-dynamic-block-fieldnode-numeron-sarjat-nakyma .field__label,
.field--name-dynamic-block-fieldnode-numeron-kolumnit-nakyma .field__label,
.field--name-dynamic-block-fieldnode-numeron-keskustelut-nakyma .field__label,
.field--name-dynamic-block-fieldnode-numeron-kirjallisuus-nakyma .field__label,
.field--name-dynamic-block-fieldnode-numeron-sarjakuva-nakyma .field__label {
font-family: aktiv-grotesk-condensed, sans-serif;
text-align: center;
font-style: normal;
font-weight: 800;
font-size: 38px;
line-height: 120%;
text-transform: uppercase;
margin-bottom: 20px;
}

.field--name-dynamic-block-fieldnode-numeron-kategoriat-nakyma .field__label a:hover,
.field--name-dynamic-block-fieldnode-numeron-paakirjoitus-nakyma .field__label a:hover,
.field--name-dynamic-block-fieldnode-numeron-artikkelit-nakyma .field__label a:hover,
.field--name-dynamic-block-fieldnode-numeron-katsaukset-nakyma .field__label a:hover,
.field--name-dynamic-block-fieldnode-numeron-uutiset-nakyma .field__label a:hover,
.field--name-dynamic-block-fieldnode-numeron-sarjat-nakyma .field__label a:hover,
.field--name-dynamic-block-fieldnode-numeron-kolumnit-nakyma .field__label a:hover,
.field--name-dynamic-block-fieldnode-numeron-keskustelut-nakyma .field__label a:hover,
.field--name-dynamic-block-fieldnode-numeron-kirjallisuus-nakyma .field__label a:hover,
.field--name-dynamic-block-fieldnode-numeron-sarjakuva-nakyma .field__label a:hover {
color: #202020 !important;
}

/* Kategoria */

.view-numeron-kategoriat-nakyma {
border-top: 1px solid #B8CADD;
border-bottom: 1px solid #B8CADD;
padding: 24px 0px 16px 0px;
margin-bottom: 61px;
}

.view-numeron-kategoriat-nakyma .view-content {
max-width: 808px;
margin: 0 auto;
}

.view-numeron-kategoriat-nakyma .views-field-nothing {
float: left;
}

.view-numeron-kategoriat-nakyma .view-content ul {
width: 100%;	
float: left;
text-align: center;
}

.view-numeron-kategoriat-nakyma .view-content li {
display: inline-block;
padding-top: 0px;
padding-bottom: 0px;
}

.view-numeron-kategoriat-nakyma .view-content a {
color: #202020;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 150%;
}

/* Pääkirjouts */

.view-numeron-paakirjoitus .views-row {
margin-bottom: 61px;
display: flex;
flex-wrap: nowrap;
}

.view-numeron-paakirjoitus .views-field-fieldset {
max-width: 600px;
float: left;
margin-right: 24px;
flex-shrink: 1;
}

.view-numeron-paakirjoitus .views-field-fieldset img{
width: 100%;
height: auto;
}

.view-numeron-paakirjoitus .views-field-fieldset-1 {
float: left;
max-width: 598px; /* Korjattava 600*/ 
flex-shrink: 1;
}

.view-numeron-paakirjoitus a:hover {
text-decoration: none !important;
}

.view-numeron-paakirjoitus .views-field-title span:hover {
text-decoration: underline;
color: #8C00C1;
}

/* Artikkelit, katsaukset, sarjakuva */

.view-numeron-artikkelit,
.view-numeron-katsaukset,
.view-numeron-uutiset,
.view-numeron-sarjat,
.view-numeron-kolumnit,
.view-numeron-keskustelut,
.view-numeron-kirjallisuus {
width: 100%;
float: left;
margin-bottom: 60px;
}

.view-numeron-sarjakuva {
width: 100%;
float: left;
margin-bottom: 40px;
}

.view-numeron-artikkelit a:hover,
.view-numeron-katsaukset a:hover,
.view-numeron-sarjat a:hover,
.view-numeron-kolumnit a:hover,
.view-numeron-keskustelut a:hover,
.view-numeron-kirjallisuus a:hover {
text-decoration: none !important;
}

.view-numeron-artikkelit .views-field-title span:hover,
.view-numeron-katsaukset .views-field-title span:hover,
.view-numeron-sarjat .views-field-title span:hover,
.view-numeron-kolumnit .views-field-title span:hover,
.view-numeron-keskustelut .views-field-title span:hover,
.view-numeron-kirjallisuus .views-field-title span:hover {
text-decoration: underline;
color: #8C00C1;
}

/* TESTI ALKAA */


body.node--type-numero .views-element-container .view-content {
width: 100%;
margin: 0 auto;
}

body.node--type-numero .views-element-container .view-content .views-row {
width: 100%;
margin-bottom: 40px;
display: flex;
flex-wrap: nowrap;
}

body.node--type-numero .views-element-container .view-content .views-row .views-col {
width: 25%;
margin-right: 20px;
flex-shrink: 1;
}

body.node--type-numero .views-element-container .view-content .views-row .views-col:last-child {
margin-right: 0px;
}

body.node--type-numero .views-element-container .row>* {
--bs-gutter-x: 0rem;
}

body.node--type-numero .views-element-container .view-content .views-row img{
width: 100%;
height: auto;
}


/* TESTI PÄÄTTYY */


/*
.view-numeron-artikkelit .row>*,
.view-numeron-katsaukset .row>*,
.view-numeron-uutiset .row>*,
.view-numeron-sarjat .row>*,
.view-numeron-kolumnit .row>*,
.view-numeron-keskustelut .row>*,
.view-numeron-kirjallisuus .row>* {
flex-shrink: 1;
}

.view-numeron-artikkelit .row,
.view-numeron-katsaukset .row,
.view-numeron-sarjakuva .row,
.view-numeron-uutiset .row,
.view-numeron-sarjat .row,
.view-numeron-kolumnit .row,
.view-numeron-keskustelut .row,
.view-numeron-kirjallisuus .row {
flex-wrap: nowrap;
}

.view-numeron-artikkelit .view-content,
.view-numeron-katsaukset .view-content,
.view-numeron-uutiset .view-content,
.view-numeron-sarjat .view-content,
.view-numeron-kolumnit .view-content,
.view-numeron-keskustelut .view-content,
.view-numeron-kirjallisuus .view-content {
width: 100%;
margin-left: 0px;
}

.view-numeron-artikkelit .views-row,
.view-numeron-katsaukset .views-row,
.view-numeron-uutiset .views-row,
.view-numeron-sarjat .views-row,
.view-numeron-kolumnit .views-row,
.view-numeron-keskustelut .views-row,
.view-numeron-kirjallisuus .views-row {
max-width: 287px; */ /* KORJATTaVA 288px*/
/* float: left;
padding: 0px;
margin-right: 24px;
}

.view-numeron-artikkelit .views-row-4,
.view-numeron-artikkelit .views-row-8,
.view-numeron-artikkelit .views-row-12,
.view-numeron-katsaukset .views-row-4,
.view-numeron-katsaukset .views-row-8,
.view-numeron-katsaukset .views-row-12,
.view-numeron-uutiset .views-row-4,
.view-numeron-uutiset .views-row-8,
.view-numeron-uutiset .views-row-12,
.view-numeron-sarjat .views-row-4,
.view-numeron-sarjat .views-row-6,
.view-numeron-sarjat .views-row-12,
.view-numeron-kolumnit .views-row-4,
.view-numeron-kolumnit .views-row-6,
.view-numeron-kolumnit .views-row-12,
.view-numeron-keskustelut .views-row-4,
.view-numeron-keskustelut .views-row-6,
.view-numeron-keskustelut .views-row-12,
.view-numeron-kirjallisuus .views-row-4,
.view-numeron-kirjallisuus .views-row-6,
.view-numeron-kirjallisuus .views-row-12 {
margin-right: 0px;
}

.view-numeron-artikkelit .views-row .field--name-field-media-image img,
.view-numeron-katsaukset .views-row .field--name-field-media-image img,
.view-numeron-uutiset .views-row .field--name-field-media-image img,
.view-numeron-sarjat .views-row .field--name-field-media-image img,
.view-numeron-kolumnit .views-row .field--name-field-media-image img,
.view-numeron-keskustelut .views-row .field--name-field-media-image img,
.view-numeron-kirjallisuus .views-row .field--name-field-media-image img {
width: 100%;
height: auto;
}*/

/* Numeron sarjakuva*/

.view-numeron-sarjakuva  .views-row .views-field-fieldset  {
position: relative;
max-width: 597px;
margin: 0 auto;*
}

.view-numeron-sarjakuva .views-row .views-field-nothing {
position: absolute;
right: 0;
bottom: 0;
margin-bottom: 60px;
}

.view-numeron-sarjakuva .views-row .views-field-nothing a {
padding: 15px 40px 15px 40px;
background: #8C00C1;
color: #FFF;
font-size: 24px;
text-transform: uppercase;
font-family: 'aktiv-grotesk-condensed';
}

.view-numeron-sarjakuva .views-row .views-field-nothing a:hover {
color: #FFF !important;
text-decoration: none;
}

.view-numeron-sarjakuva .views-field-field-sk-kansikuva {
/*max-width: 597px;
margin: 0 auto;*/
}

.view-numeron-sarjakuva .views-field-field-sk-kansikuva img{
/*max-width: 597px;*/
max-width: 100%;
height: auto;
}

/* Numeron kategorioiden numerotiedot */

.num_tiedot_view {
margin-top: 10px;
width: 100%;
float: left;
font-size: 12px;
text-transform: uppercase;
}

.num_tiedot_view .num_tiedot a, 
.num_tiedot_view .num_tiedot_kat a,
.num_tiedot_view .num_tiedot_alakat a{
border: 1px solid #8794A3;
padding: 6px 8px 6px 8px;
border-radius: 25px;
float: left;
margin-right: 8px;
margin-bottom: 8px;
font-family: 'aktiv-grotesk-condensed';
font-style: normal;
font-weight: 700;
color: #202020;
}

.num_tiedot_view .num_tiedot a:hover, 
.num_tiedot_view .num_tiedot_kat a:hover,
.num_tiedot_view .num_tiedot_alakat a:hover{
border: 1px solid #8C00C1;
background: #8C00C1;
color: #FFF !important;
text-decoration: none;
}

/* Numeron tiedoista piilotetaan*/

.field--name-field-paa-kirjoittajan-lisatieto,
.field--name-field-norm-kirjoittaja-lisatieto,
.field--name-field-kats-kirjoittaja-lisatieto,
.field--name-field-uut-kirjoittajan-lisatieto,
.field--name-field-sar-kirjoittajan-lisatieto,
.field--name-field-kol-kirjoittajan-lisatieto,
.field--name-field-kes-kirjoittajan-lisatieto,
.field--name-field-kir-kirjoittajan-lisatieto {
display: none;
}

/* Sisältötyypit yleinen */

.norm_ct_img {
margin: 0 auto; 
clear: none;
width: 100%;
}

.norm_ct_img img {
width: 100%;
height: auto;
}

.norm_ct_top_text {
border: 1px solid white;
max-width: 1016px;
margin: 0 auto;
margin-top: -128px;
/*float: left;*/
clear: none;
width: 100%;
position: relative;
background: #FFF;
}

.norm_ct_bottom {
width: 100%;
float: left;
/*padding-left: 208px;*/
}

.norm_ct_bottom_text {
/*max-width: 1016px;*/
/*max-width: 936px;*/
/*max-width: 76.4%;*/
max-width: 808px;
margin: 0 auto;
/*margin-left: 208px;*/
/*float: left;*/
/*margin: auto;
position:relative;*/
background: #FFF;
}

.kir_ct_bottom_text {
/*max-width: 1016px;*/
max-width: 728px;
float: left;
/*margin: 0 auto;*/
/*position: relative;*/
background: #FFF;
}

.sk_ct_text {
margin-top: 0px;
clear: none;
max-width: 808px;
margin: 0 auto;
}

/* Sisältötyypin yleinen infolaatikko oikeassa reunassa */

.field--name-dynamic-block-fieldnode-infolaatikko-avautuva-nakyma {
display: none;
}

.norm_ct_info {
/*border-bottom: 1px solid #B8CADD;*/
width: 288px;
/*max-width: 23.5%;*/
float: right;
/*margin-right: -104px;*/
/*width: 100%;
position:relative;*/
background: #FFF;
line-height: 27px;
padding-top: 3px;
/*padding-bottom: 24px;*/
}

.view-infolaatikko-nakyma {
padding-bottom: 24px;
border-bottom: 1px solid #B8CADD;
}

body.node--type-paakirjoitus .norm_ct_info {
border-bottom: 0px;
}

.norm_ct_info .field__label {
font-family: 'aktiv-grotesk-condensed';
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}

.norm_ct_info .views-row {
margin-bottom: -10px;
}

.norm_ct_info .views-row .field-content a {
font-family: 'aktiv-grotesk-condensed';
font-weight: bold;
font-size: 16px;
line-height: 150%;
color: #202020;
}

.norm_ct_info .view-header  {
margin-bottom: 4px;
}

.norm_ct_info .view-header a,
.norm_ct_info .view-footer a {
font-family: 'aktiv-grotesk-condensed';
font-weight: bold;
font-size: 16px;
line-height: 150%;
color: #202020;
}

.norm_ct_info .view-footer p {
margin-bottom: 6px;
}

.norm_ct_info_button {
float: left;
width: 100%;
border-bottom: 1px solid #B8CADD;
padding-top: 10px;
padding-bottom: 30px;
margin-bottom: 24px;
}

.norm_ct_info_button .views-field-nothing a {
background: #8C00C1;
border-radius: 25px;
padding: 16px;
color: #FFF !important;
font-weight: bold;
font-size: 16px;
line-height: 20px;
text-align: center;
text-transform: uppercase;
}

.norm_ct_info_button .views-field-nothing a:hover {
background: #202020;
color: #FFF;
text-decoration: none;
}



/* Infolaatikon PDF linkki*/

.field--name-dynamic-block-fieldnode-infolaatikko-napit-nakyma {
float: left;
width: 46%;
}

.field--name-dynamic-block-fieldnode-infolaatikko-napit-nakyma .view-infolaatikko-napit-nakyma {
float: left;
width: 100%;
}

body.node--type-numero .field--name-dynamic-block-fieldnode-infolaatikko-napit-nakyma {
width: 200px;
float: right;
margin-top: 10px;
}


/*body.node--type-numero .field--name-dynamic-block-fieldnode-infolaatikko-napit-nakyma {
float: none;
width: 46%;
}

body.node--type-numero.field--name-dynamic-block-fieldnode-infolaatikko-napit-nakyma .view-infolaatikko-napit-nakyma {
float: none;
width: 100%;
}*/

/* Better Social jakonapit*/

.social-sharing-buttons {
float: left;
width: 50%;
margin-top: -4px;
margin-bottom: 0px;
justify-content: left;
}

.social-sharing-buttons a {
margin-left: 0px;
}

/* Kirjan kannen infolaatikko*/

.kir_ct_info {
max-width: 288px;
float: left;
clear: none;
width: 100%;
/*margin-left: -104px;*/
position:relative;
background: #FFF;
padding-bottom: 40px;
/*border-bottom: 1px solid #B8CADD;*/
}

.kir_ct_info .views-field-field-kir-kirjan-kansikuva {
max-width: 288px;
}

.kir_ct_info .views-field-field-kir-kirjan-kansikuva img {
max-width: 100%;
height: auto;
}

.kir_ct_info .views-field-field-kir-kirjan-kirjoittaja {
margin-top: -8px;
font-size: 18px;
font-weight: bold;
}

.kir_ct_info .views-field-field-kir-kirjan-otsikko {
font-size: 24px;
font-weight: bold;
line-height: 150%;
}

.kir_ct_info .views-field-field-kir-kirjan-julkaisutiedot {
font-size: 18px;
margin-top: 0px;
}

.kir_ct_info_button {
border-top: 1px solid #B8CADD;
padding-top: 25px;
margin-top: 40px;
border: 1px solid red
float: left;
width: 100%;
}

/* Sisältötyypit yleistiedot*/

/*
.view-numerotiedot-nakyma,
.view-paakirjoituksen-numerotiedot-nakyma,
.view-katsauksen-numerotiedot-nakyma,
.view-sarjan-numerotiedot-nakyma,
.view-kolumnin-numerotiedot-nakyma,
.view-keskustelun-numerotiedot-nakyma,
.view-kirjallisuuden-numerotiedot-nakyma,
.view-arkistosta-numerotiedot-nakyma {
margin-top: 40px;
margin-bottom: 40px;
}
*/

.view-numerotiedot-nakyma,
.view-arkistosta-numerotiedot-nakyma,
.view-numerotiedot-sar-kol-nakyma {
margin-top: 40px;
margin-bottom:40px;
}

/*
.view-numerotiedot-nakyma .views-field-nothing,
.view-paakirjoituksen-numerotiedot-nakyma .views-field-nothing,
.view-katsauksen-numerotiedot-nakyma .views-field-nothing,
.view-sarjan-numerotiedot-nakyma .views-field-nothing,
.view-kolumnin-numerotiedot-nakyma .views-field-nothing,
.view-keskustelun-numerotiedot-nakyma .views-field-nothing,
.view-kirjallisuuden-numerotiedot-nakyma .views-field-nothing,
.view-arkistosta-numerotiedot-nakyma .views-field-nothing {
width: 60%;
margin: auto;
}
*/

.view-numerotiedot-nakyma .views-field-nothing,
.view-arkistosta-numerotiedot-nakyma .views-field-nothing,
.view-numerotiedot-sar-kol-nakyma .views-field-nothing {
width: 100%;
margin: 0 auto;
}

.art_num_tiedot_view {
text-align: center;
width: 100%;
}

.art_num_tiedot_view a {
color: #202020;
font-family: 'aktiv-grotesk-condensed';
border: 1px solid #8794A3;
padding: 8px;
border-radius: 25px;
font-weight: bold;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
}

.art_num_tiedot_view a:hover {
background: #8C00C1;
border: 1px solid #8C00C1;
color: #FFF !important;
text-decoration: none;
}

.art_num_tiedot_view .art_num_tiedot_num,
.art_num_tiedot_view .art_num_tiedot_kat {
display: inline-block;
margin: 0 auto;
margin-right: 15px;
}

.norm_ct_top_text .field--name-node-title h1 {
font-family: 'lemonde-journal';
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
}

/* Noston tarkenne, Arkisosta-sisältötyypin alussa oleva teksti*/

.field--name-field-norm-noston-selitys {
margin: 0 auto;
margin-bottom: 32px;
margin-top: 32px;
max-width: 808px;
font-family: 'lemonde-journal';
font-style: italic;
font-size: 18px;
line-height: 150%;
}

/* Ingressi */

.field--name-field-norm-ingressi,
.field--name-field-paa-ingressi,
.field--name-field-kats-ingressi,
.field--name-field-sar-ingressi,
.field--name-field-kol-ingressi,
.field--name-field-kes-ingressi,
.field--name-field-kir-ingressi,
.field--name-field-ark-ingressi {
margin: 0 auto;
margin-bottom: 32px;
margin-top: 32px;
max-width: 808px;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 150%;
}

/* Kirjoittajat */

.view-kirjoittajat-nakyma,
.view-paakirjoituksen-kirjoittajat-nakyma,
.view-katsauksen-kirjoittajat-nakyma,
.view-sarjan-kirjoittajat-nakyma,
.view-kolumnin-kirjoittajat-nakyma,
.view-keskustelun-kirjoittajat-nakyma,
.view-kirjallisuuden-kirjoittajat-nakyma,
.view-arkistosta-kirjoittajat-nakyma {
max-width: 808px;
margin: 0 auto;
margin-bottom: 6px;

}

.view-kirjoittajat-nakyma .view-content,
.view-paakirjoituksen-kirjoittajat-nakyma .view-content,
.view-katsauksen-kirjoittajat-nakyma .view-content,
.view-sarjan-kirjoittajat-nakyma .view-content,
.view-kolumnin-kirjoittajat-nakyma .view-content,
.view-keskustelun-kirjoittajat-nakyma .view-content,
.view-kirjallisuuden-kirjoittajat-nakyma .view-content,
.view-arkistosta-kirjoittajat-nakyma .view-content {
max-width: 808px;
margin-left: 0px;
}

.view-kirjoittajat-nakyma .view-content .views-row,
.view-paakirjoituksen-kirjoittajat-nakyma .view-content .views-row,
.view-katsauksen-kirjoittajat-nakyma .view-content .views-row,
.view-sarjan-kirjoittajat-nakyma .view-content .views-row,
.view-kolumnin-kirjoittajat-nakyma .view-content .views-row,
.view-keskustelun-kirjoittajat-nakyma .view-content .views-row,
.view-kirjallisuuden-kirjoittajat-nakyma .view-content .views-row,
.view-arkistosta-kirjoittajat-nakyma .view-content .views-row {
display: inline-block;
width: auto; 
padding: 0px 4px 0px 0px;
font-family: 'aktiv-grotesk-condensed';
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 150%;
}

/* Julkaisupäivämäärä */

.view-julkaisupaivamaara-nakyma,
.field--name-field-norm-julkaisupaivamaara  {
max-width: 808px;
margin: 0 auto;
margin-bottom: 47px;
font-family: 'aktiv-grotesk-condensed';
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 140%;
color: #516170;
}

/* Infolaatikon tekstit normaali */

.view-artikkelin-infolaatikko-nakyma,
.view-katsauksen-infolaatikko-nakyma,
.view-keskustelun-infolaatikko-nakyma,
.view-arkistosta-infolaatikko-nakyma,
.view-arkistosta-infolaatikko-nakyma,
.view-kolumnin-infolaatikko-nakyma,
.view-paakirjoituksen-infolaatikko-nakyma {
width: 100%;
/*max-width: 288px;
float: right;
margin-right: -104px;*/
}

/* Infolaatikon tekstit kirjallisuus */

.view-kirjallisuuden-infolaatikko-nakyma {
width: 100%;
}

/* Tekstiosiot */
/*
.field--name-field-norm-tekstiosiot,
.field--name-field-paa-tekstiosiot,
.field--name-field-kats-tekstiosiot,
.field--name-field-sar-tekstiosiot,
.field--name-field-kol-tekstiosiot,
.field--name-field-kes-tekstiosiot,
.field--name-field-ark-tekstiosiot {
max-width: 600px;*/
/*margin: 0 auto;*/
/*margin-left: 104px;
margin-bottom: 40px;
}*/

.field--name-field-norm-tekstiosiot {
max-width: 600px;
float: left;
/*float: right;*/
/*margin-left: 104px;*/
/*margin-left: 208px;*/
margin-bottom: 40px;
}

.field--name-field-norm-tekstiosiot a {
text-decoration: underline;
color: #8C00C1;
}

.field--name-field-norm-tekstiosiot .field--name-field-media-image img {
margin: 0px 0px 0px 15px;
}

.field--name-field-norm-tekstiosiot .field--name-field-media-image img.image-style-full-size {
margin: 0px 0px 15px 0px;
width: 100%;
height: auto;
}

.field--name-field-norm-tekstiosiot .field--name-field-media-image img.image-style-tekstiosion-pieni-kuva-vasen {
margin: 0px 15px 15px 0px;
}

.field--name-field-norm-tekstiosiot .field--name-field-media-image img.image-style-tekstiosion-pieni-kuva-oikea {
margin: 0px 0px 15px 15px;
}

.field--name-field-norm-tekstiosiot figcaption {
padding-left: 15px;
font-weight: bold;
font-family: 'aktiv-grotesk';
}

.field--name-field-norm-tekstiosiot figure.align-left figcaption {
padding-left: 0px;
}

.field--name-field-norm-tekstiosiot figure.align-center figcaption {
padding-left: 0px;
}

.node--type-kirjallisuus .field--name-field-norm-tekstiosiot {
max-width: 600px;
float: left;
/*margin-left: 312px;*/
margin-left: 128px;
margin-bottom: 40px;
}
/*
.field--name-field-norm-tekstinosto,
.field--name-field-paa-tekstinosto,
.field--name-field-kats-tekstinosto,
.field--name-field-sar-tekstinosto,
.field--name-field-kol-teksinosto,
.field--name-field-kes-teksinosto,
.field--name-field-kir-tekstinosto,
.field--name-field-ark-tekstinosto {
max-width: 912px;
margin-left: -208px;
position: relative;
margin-top: 49px;
margin-bottom: 49px;
font-family: 'lemonde-journal';
font-style: italic;
font-weight: 600;
font-size: 30px;
line-height: 160%;
color: #8C00C1;
}*/

.field--name-field-norm-tekstinosto {
max-width: 912px;
margin-left: -208px;
position: relative;
margin-top: 49px;
margin-bottom: 49px;
font-family: 'lemonde-journal';
font-style: italic;
font-weight: 600;
font-size: 30px;
line-height: 160%;
color: #8C00C1;
}

/*
.field--name-field-norm-suurikuva,
.field--name-field-paa-suurikokoinen-kuva,
.field--name-field-kats-suurikokoinen-kuva,
.field--name-field-sar-suurikokoinen-kuva,
.field--name-field-kol-suurikokoinen-kuva,
.field--name-field-kes-suurikokoinen-kuva,
.field--name-field-kir-suurikokoinen-kuva,
.field--name-field-ark-suurikokoinen-kuva {
max-width: 912px;
margin-left: -208px;
position: relative;
}*/

.field--name-field-norm-tekstiosiot .field--name-field-norm-suurikuva .field--name-field-media-image {
max-width: 912px;
padding: 0px 0px 0px 0px;
}

.field--name-field-norm-suurikuva {
max-width: 912px;
margin-top: 40px;
margin-left: -208px;
position: relative;
}

/*
.field--name-field-norm-suurikuva img,
.field--name-field-paa-suurikokoinen-kuva img,
.field--name-field-kats-suurikokoinen-kuva img,
.field--name-field-sar-suurikokoinen-kuva img,
.field--name-field-kol-suurikokoinen-kuva img,
.field--name-field-kes-suurikokoinen-kuva img,
.field--name-field-kir-suurikokoinen-kuva img,
.field--name-field-ark-suurikokoinen-kuva img {
max-width: 100%;
height: auto;
position: relative;
}*/

.field--name-field-norm-suurikuva img {
margin-left: 0px !important;
max-width: 100%;
height: auto;
position: relative;
}
/*
.field--name-field-norm-suurikuva-teksti,
.field--name-field-paa-suurikuva-text,
.field--name-field-kats-suurikuva-text,
.field--name-field-sar-suurikuva-text,
.field--name-field-kol-suurikuva-text,
.field--name-field-kes-suurikuva-text,
.field--name-field-kir-suurikuva-text,
.field--name-field-ark-suurikuva-text {
margin-left: -208px;
position: relative;
margin-top: -25px;
margin-bottom: 49px;
font-weight: bold;
}*/

.field--name-field-norm-suurikuva-teksti {
margin-left: -208px;
position: relative;
margin-top: 5px;
margin-bottom: 40px;
padding-bottom: 15px;
font-weight: bold;
}

/*.field--name-field-art-suurikokoinen-kuva,
.field--name-field-paa-suurikokoinen-kuva,
.field--name-field-sar-suurikokoinen-kuva,
.field--name-field-kol-suurikokoinen-kuva,
.field--name-field-kes-suurikokoinen-kuva {
margin-top: 30px;
margin-left: -208px;
margin-right: -104px;
position: relative;
}

.field--name-field-art-suurikokoinen-kuva img,
.field--name-field-paa-suurikokoinen-kuva img,
.field--name-field-sar-suurikokoinen-kuva img,
.field--name-field-kol-suurikokoinen-kuva img,
.field--name-field-kes-suurikokoinen-kuva img {
width: 100%;
height: auto;
}*/

/* Kirjoittajat alaosio */
/*
.view-kirjoittajat-lisatietoineen-nakyma,
.view-paakirjoituksen-kirjoittajat-lisatietoineen-nakyma,
.view-katsauksen-kirjoittajat-lisatietoineen-nakyma,
.view-sarjan-kirjoittajat-lisatietoineen-nakyma,
.view-kolumnin-kirjoittajat-lisatietoineen-nakyma,
.view-keskustelun-kirjoittajat-lisatietoineen-nakyma,
.view-arkistosta-kirjoittajat-lisatietoineen-nakyma {
max-width: 600px;
margin-left: 104px;
margin-bottom: 16px;
}*/

.view-kirjoittajat-lisatietoineen-nakyma {
width: 600px;
float: left;
/*margin-left: 104px;*/
margin-bottom: 16px;
}

.node--type-kirjallisuus .view-kirjoittajat-lisatietoineen-nakyma {
max-width: 600px;
float: left;
margin-left: 128px;
margin-bottom: 16px;
}

.view-kirjoittajat-lisatietoineen-nakyma .views-field-nothing {
font-family: 'lemonde-journal';
font-style: italic;
font-weight: normal;
font-size: 18px;
line-height: 140%;
margin-bottom: 10px;
}
/*
.view-kirjoittajat-lisatietoineen-nakyma .view-header,
.view-paakirjoituksen-kirjoittajat-lisatietoineen-nakyma .view-header,
.view-katsauksen-kirjoittajat-lisatietoineen-nakyma .view-header,
.view-sarjan-kirjoittajat-lisatietoineen-nakyma .view-header,
.view-kolumnin-kirjoittajat-lisatietoineen-nakyma .view-header,
.view-keskustelun-kirjoittajat-lisatietoineen-nakyma .view-header,
.view-arkistosta-kirjoittajat-lisatietoineen-nakyma .view-header,
.view-kirjallisuuden-kirjoittajat-lisatietoineen-nakyma .view-header {
border-top: 1px solid #B8CADD;;
width: 80px;
margin-bottom: 16px;
}*/

.view-kirjoittajat-lisatietoineen-nakyma .view-header {
border-top: 1px solid #B8CADD;;
width: 80px;
margin-bottom: 16px;
}


/*
.view-kirjoittajat-lisatietoineen-nakyma .view-footer,
.view-paakirjoituksen-kirjoittajat-lisatietoineen-nakyma .view-footer,
.view-katsauksen-kirjoittajat-lisatietoineen-nakyma .view-footer,
.view-sarjan-kirjoittajat-lisatietoineen-nakyma .view-footer,
.view-kolumnin-kirjoittajat-lisatietoineen-nakyma .view-footer,
.view-keskustelun-kirjoittajat-lisatietoineen-nakyma .view-footer,
.view-arkistosta-kirjoittajat-lisatietoineen-nakyma .view-footer,
.view-kirjallisuuden-kirjoittajat-lisatietoineen-nakyma .view-footer {
border-bottom: 1px solid #B8CADD;
width: 80px;
margin-top: 62px;
}*/

.view-kirjoittajat-lisatietoineen-nakyma .view-footer {
border-bottom: 1px solid #B8CADD;
width: 80px;
margin-top: 62px;
}

/* Kirjallisuus */

/*
.field--name-field-norm-kirjallisuus,
.field--name-field-kats-kirjallisuus,
.field--name-field-sar-kirjallisuus,
.field--name-field-kol-kirjallisuus,
.field--name-field-kes-kirjallisuus,
.field--name-field-ark-kirjallisuus {
max-width: 600px;
margin-left: 104px;
margin-bottom: 47px;
}
*/

.field--name-dynamic-block-fieldnode-loppuviitteet-nakyma,
.field--name-dynamic-block-fieldnode-lahteet-nakyma,
.field--name-dynamic-block-fieldnode-kirjallisuus-nakyma {
width: 600px;
/*max-width: 100%;*/
float: left;
/*margin-left: 104px;*/
margin-bottom: 47px;
}

.field--name-dynamic-block-fieldnode-loppuviitteet-nakyma h2,
.field--name-dynamic-block-fieldnode-lahteet-nakyma h2,
.field--name-dynamic-block-fieldnode-kirjallisuus-nakyma h2 {
font-size: 24px;
}

.field--name-dynamic-block-fieldnode-loppuviitteet-nakyma .lo-numero {
float: left;
display: inline-block;
margin-right: 5px;
}

.field--name-dynamic-block-fieldnode-loppuviitteet-nakyma .lo-teksti {
width: 93%;
float: right;
display: inline-block;
}

.node--type-kirjallisuus .field--name-dynamic-block-fieldnode-kirjallisuus-nakyma {
width: 600px;
margin-left: 128px;
margin-bottom: 47px;
}
/*
.field--name-field-norm-kirjallisuus .field__label,
.field--name-field-kats-kirjallisuus .field__label,
.field--name-field-sar-kirjallisuus .field__label,
.field--name-field-kol-kirjallisuus .field__label,
.field--name-field-kes-kirjallisuus .field__label,
.field--name-field-kir-kirjallisuus .field__label,
.field--name-field-ark-kirjallisuus .field__label {
margin-bottom: 10px;
font-size: 24px
}*/

.field--name-dynamic-block-fieldnode-loppuviitteet-nakyma .field__label,
.field--name-dynamic-block-fieldnode-lahteet-nakyma .field__label,
.field--name-dynamic-block-fieldnode-kirjallisuus-nakyma .field__label {
margin-bottom: 30px;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 120%;
}
/*
.field--name-field-norm-kirjallisuus .field__item,
.field--name-field-kats-kirjallisuus .field__item,
.field--name-field-sar-kirjallisuus .field__item,
.field--name-field-kol-kirjallisuus .field__item,
.field--name-field-kes-kirjallisuus .field__item,
.field--name-field-kir-kirjallisuus .field__item,
.field--name-field-ark-kirjallisuus .field__item { 
margin-bottom: 10px;
font-size: 16px;
}*/

.field--name-dynamic-block-fieldnode-loppuviitteet-nakyma .views-row,
.field--name-dynamic-block-fieldnode-lahteet-nakyma .views-row,
.field--name-dynamic-block-fieldnode-kirjallisuus-nakyma .views-row {
margin-bottom: 10px;
font-size: 16px;
}

/* Palaa alkuun */

.field--name-dynamic-block-fieldnode-palaa-alkuun-nakyma {
margin-top: 30px;
width: 100%;
float: left;
margin-bottom: 47px;
}

.node--type-kirjallisuus .field--name-dynamic-block-fieldnode-palaa-alkuun-nakyma {
margin-top: 20px;
width: 100%;
margin-left: 128px;
float: left;
margin-bottom: 47px;
}

/* Kategoriasivut valikko */

article.contextual-region.node.node--type-perussivu-sivupohjat {
position: static;
}

body.node--type-perussivu-sivupohjat #block-kategoriavalikko {
max-width: 1224px;
margin: 0 auto;
}

body.node--type-perussivu-sivupohjat #block-kategoriavalikko h1{
font-family: 'aktiv-grotesk-condensed';
font-weight: 800;
font-size: 38px;
line-height: 120%;
text-transform: uppercase;
text-align: center;
}

body.node--type-perussivu-sivupohjat #block-kategoriavalikko ul {
margin-top: 40px;
display: inline-block;
width: 100%;
float: left;
text-align: center;
}

body.node--type-perussivu-sivupohjat #block-kategoriavalikko li {
margin-bottom: 8px;
display: inline-block;
}

body.node--type-perussivu-sivupohjat #block-kategoriavalikko li a {
font-family: 'aktiv-grotesk-condensed';
font-size: 16px;
font-weight: bold;
border: 2px solid #8794A3;
box-sizing: border-box;
border-radius: 25px;
text-transform: uppercase;
color: #202020;
transition: none;
}

body.node--type-perussivu-sivupohjat #block-kategoriavalikko li a.active {
background: #8C00C1;
border: 2px solid #8C00C1;
color: #FFF;
}

body.node--type-perussivu-sivupohjat #block-kategoriavalikko li a:hover{
color: #FFF !important;
background: #8C00C1;
border: 2px solid #8C00C1;
text-decoration: none;
}

/* Kategoriasivut alavalikko*/

body.node--type-perussivu-sivupohjat #block-kategoriavalikko-2 {
max-width: 1224px;
margin: 0 auto;
}

body.node--type-perussivu-sivupohjat #block-kategoriavalikko-2 ul {
margin-top: 22px;
display: inline-block;
width: 100%;
float: left;
text-align: center;
}

body.node--type-perussivu-sivupohjat #block-kategoriavalikko-2 li {
margin-bottom: 8px;
display: inline-block;
}

body.node--type-perussivu-sivupohjat #block-kategoriavalikko-2 li a {
font-family: 'aktiv-grotesk-condensed';
font-size: 16px;
font-weight: bold;
border: 2px solid #8794A3;
box-sizing: border-box;
border-radius: 25px;
text-transform: uppercase;
color: #202020;
transition: none;
}

body.node--type-perussivu-sivupohjat #block-kategoriavalikko-2 li a.active {
background: #B8CADD;
border: 2px solid #B8CADD;
color: #000;
}

body.node--type-perussivu-sivupohjat #block-kategoriavalikko-2 li a:hover{
color: #FFF !important;
background: #8C00C1;
border: 2px solid #8C00C1;
text-decoration: none;
}

/* Kategoriasivut yleinen */

body.node--type-perussivu-sivupohjat #page #content .content {
}

body.node--type-perussivu-sivupohjat .views-element-container  {
max-width: 1224px;
margin: 0 auto;
margin-top: 80px;
}

/* Kategoriasivut valikko */

body.node--type-perussivu-sivupohjat .views-element-container h2 {
font-family: 'aktiv-grotesk-condensed';
font-style: normal;
font-weight: 800;
font-size: 24px;
line-height: 120%;
text-align: center;
text-transform: uppercase;
}

/* Kategoriasivut listaukset uusimmat */

body.node--type-perussivu-sivupohjat .block-views-blockkategoriat-uusimmat-julkaisut-nakyma-block-1 {
}

body.node--type-perussivu-sivupohjat .views-element-container .view-content {
width: 100%;
margin: 0 auto;
}

body.node--type-perussivu-sivupohjat .views-element-container .view-content .views-row {
width: 100%;
margin-bottom: 40px;
display: flex;
flex-wrap: nowrap;
}

body.node--type-perussivu-sivupohjat .views-element-container .view-content .views-row .views-col {
width: 25%;
margin-right: 20px;
flex-shrink: 1;
}

body.node--type-perussivu-sivupohjat .views-element-container .view-content .views-row .views-col:last-child {
margin-right: 0px;
}

body.node--type-perussivu-sivupohjat .views-element-container .row>* {
--bs-gutter-x: 0rem;
}

body.node--type-perussivu-sivupohjat .views-element-container .view-content .views-row img{
width: 100%;
height: auto;
}

body.node--type-perussivu-sivupohjat .views-element-container .view-content .views-row a:hover {
text-decoration: none !important;
}

body.node--type-perussivu-sivupohjat .views-element-container .view-content .views-row .views-field-title span:hover {
text-decoration: underline;
color: #8C00C1;
}

/* Sarjakuva */

.node--type-sarjakuva .field--name-node-title h1 {
font-family: 'lemonde-journal';
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
text-align: left;
}

.node--type-sarjakuva .field--name-field-norm-sisalto {
font-size: 24px;
line-height: 150%;
margin-top: 20px;
}

.node--type-sarjakuva .field--name-field-sk-tekija {
font-family: 'aktiv-grotesk-condensed';
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 150%;
}

.node--type-sarjakuva .views-field-field-norm-julkaisupaivamaara {
margin-bottom: -20px;
}

.node--type-sarjakuva .field--name-field-sk-kuvat  {
}

.node--type-sarjakuva .field--name-field-sk-kuvat img {
width: 100%;
height: auto;
}

/* Sarjakuva seuraava edellinen linkit */

.field--name-dynamic-block-fieldnode-next-previous-link-top {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.field--name-dynamic-block-fieldnode-next-previous-link {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.field--name-dynamic-block-fieldnode-next-previous-link-top a,
.field--name-dynamic-block-fieldnode-next-previous-link a {
    font-weight: bold;
    text-transform: uppercase;
}

.field--name-dynamic-block-fieldnode-next-previous-link-top .pre-btn,
.field--name-dynamic-block-fieldnode-next-previous-link .pre-btn {
    float: left;
}

.field--name-dynamic-block-fieldnode-next-previous-link-top .next-btn,
.field--name-dynamic-block-fieldnode-next-previous-link .next-btn {
    float: right;
}


/* Sisältöyyyppi uutiset */

body.node--type-uutinen  #page #content .content {
max-width: 100%;
float: left;
}

body.node--type-uutinen .ct_uut_vasen {
max-width: 34%;
float: left;
}

body.node--type-uutinen .ct_uut_vasen .view-content{
max-width: 272px;
}

body.node--type-uutinen .ct_uut_vasen .views-row {
margin-bottom: 30px;
}

body.node--type-uutinen .view-uutinen-sivupalkki-nakyma .views-field-title a {
color: #202020;
font-weight: bold;
line-height: 150%;
}

body.node--type-uutinen .views-field-field-norm-julkaisupaivamaara {
margin-top: 8px;
font-size: 14px;
color: #516170;
line-height: 120%;
}

body.node--type-uutinen .ct_uut_oikea {
max-width: 66%;
float: right;
}

body.node--type-uutinen #block-tietap-content .content {
margin-bottom: 40px;
}

body.node--type-uutinen .field--name-field-norm-kansikuva {
padding-bottom: 0px;
margin-bottom: 4px;
}

body.node--type-uutinen  .field--name-field-norm-kansikuva img{
max-width: 100%;
height: auto;
}

body.node--type-uutinen .field--name-node-title h1 {
text-align: left;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
}

body.node--type-uutinen .field--name-field-norm-julkaisupaivamaara {
font-family: 'aktiv-grotesk-condensed';
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 140%;
color: #516170;
margin-top: 20px;
margin-bottom: 20px;
}

body.node--type-uutinen .field--name-field-norm-sisalto {
font-family: 'lemonde-journal';
margin-bottom: 58px;
}

/* Perussivut - normaalit ja verkkolomake */

body.node--type-perussivu #page #content,
body.node--type-webform #page #content {
max-width: 808px;
margin: 0 auto;
}

body.node--type-perussivu .node--type-perussivu,
body.node--type-webform .node--type-webform {
margin-bottom: 40px;
}

body.node--type-perussivu #block-tietap-page-title h1,
body.page-user-login #block-tietap-page-title h1,
body.node--type-webform #page #content h1 {
font-family: 'lemonde-journal';
font-style: normal;
font-weight: bold;
font-size: 48px;
}

body.page-user-login #block-tietap-page-title,
body.path-user #block-tietap-page-title {
max-width: 1224px;
margin: 0 auto;
}

body.node--type-perussivu .field--name-field-norm-sisalto,
body.node--type-webform .field--name-field-norm-sisalto {
font-family: 'lemonde-journal';
font-style: normal;
font-weight: normal;
font-size: 18px;
}

/* Perussivut - sivupohjat */

/* Numerot */

#block-views-block-numerot-uusin-numero-block-1 {
margin-top: -10px !important;
}

#block-views-block-numerot-uusin-numero-block-1 .content{
max-width: 1224px;
margin: 0 auto;
}

#block-views-block-numerot-uusin-numero-block-1 .row {
--bs-gutter-x: 0rem;
}

#block-views-block-numerot-uusin-numero-block-1 .view-header {
font-family: 'aktiv-grotesk-condensed';
text-align: center;
font-style: normal;
font-weight: 800;
font-size: 38px;
line-height: 120%;
margin-bottom: 40px;
text-transform: uppercase;
}

#block-views-block-numerot-uusin-numero-block-1 .view-content {
background: #E9F0F5;
}

#block-views-block-numerot-uusin-numero-block-1 .views-field-fieldset,
#block-views-block-numerot-uusin-numero-block-1 .views-field-fieldset-1,
#block-views-block-numerot-uusin-numero-block-1 .views-field-fieldset-2 {
display: inline-block;
}

#block-views-block-numerot-uusin-numero-block-1 .views-field-fieldset {
max-width: 54%;
float: left;
padding: 48px 25px 0px 48px;
}

#block-views-block-numerot-uusin-numero-block-1 .views-field-fieldset img{
width: 100%;
height: auto;
}

#block-views-block-numerot-uusin-numero-block-1 .views-field-fieldset-1 {
max-width: 24%;
float: left;
border-right: 1px solid #8794A3;
margin-top: 48px;
padding-right: 24px;
}

#block-views-block-numerot-uusin-numero-block-1 .views-field-title {
font-family: 'aktiv-grotesk-condensed';
font-style: normal;
font-weight: 800;
font-size: 32px;
line-height: 120%;
text-transform: uppercase;
margin-bottom: 18px;
}

#block-views-block-numerot-uusin-numero-block-1 .views-field-field-num-artikkelilistaus .list-group-item {
font-family: 'lemonde-journal';
font-size: 18px;
font-style: italic;
background: #E9F0F5;
border: 0;
margin-bottom: 10px;
}

#block-views-block-numerot-uusin-numero-block-1 .views-field-fieldset-2 {
width: 22%;
float: left;
text-align: center;
/*padding-left: 67px;*/
padding-top: 177px;
}

/* Numerolistaus*/

#block-views-block-numerot-numerolistaus-block-1 {
margin-top: 82px !important;
}

#block-views-block-numerot-numerolistaus-block-1 .content{
max-width: 1224px;
margin: 0 auto;
}

#block-views-block-numerot-numerolistaus-block-1 .osion-otsikko {
font-family: 'aktiv-grotesk-condensed';
text-align: center;
font-style: normal;
font-weight: 800;
font-size: 38px;
line-height: 120%;
margin-bottom: 27px;
text-transform: uppercase;
}

#block-views-block-numerot-numerolistaus-block-1 .row {
padding: 0px;
--bs-gutter-x: 0rem;
}

#block-views-block-numerot-numerolistaus-block-1 .views-row {
max-width: 31.6%;
float: left;
display: block !important;
margin-right: 20px;
}

#block-views-block-numerot-numerolistaus-block-1 .view-content .views-row:nth-child(8n+0) {
/*margin-right: 0px;*/
}

#block-views-block-numerot-numerolistaus-block-1 .views-row .field--name-field-media-image {
width: 100%;
float: left;
}

#block-views-block-numerot-numerolistaus-block-1 .views-row img{
width: 100%;
height: auto;
}

#block-views-block-numerot-numerolistaus-block-1 .views-row .views-field-title {
width: 100%;
float: left;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 120%;
margin-top: -8px;
}

#block-views-block-numerot-numerolistaus-block-1 .views-row .views-field-title a {
color: #202020;
}

#block-views-block-numerot-numerolistaus-block-1 .view-footer {
font-size: 30px;
margin-top: 80px;
margin-bottom: 80px;
text-align: center;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 120%;
}

/* Kategorioiden sivut, artikkelit jne.*/ 

body.node--type-perussivu-sivupohjat .views-element-container {
}

/* Kategoriasivut pager */

body.node--type-perussivu-sivupohjat .kat-pager {
width: 100%;
float: left;
margin-top: 20px;
margin-bottom: 20px;
}

body.node--type-perussivu-sivupohjat .kat-pager ul {
list-style: none;
width: 100%;
float: left;
text-align: center;
}

body.node--type-perussivu-sivupohjat .kat-pager ul li {
display: inline-block;
margin-right: 8px;
margin-bottom: 20px;
}

body.node--type-perussivu-sivupohjat .kat-pager a {
background: #EFF4F8;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 23px;
color: #516170;
padding: 14px 20px;
}

body.node--type-perussivu-sivupohjat .kat-pager a:hover {
background: #8C00C1;
color: #FFF !important;
text-decoration: none;
}

body.node--type-perussivu-sivupohjat .kat-pager .is-active  {
background: #EFF4F8;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 23px;
color: #8C00C1;
padding: 10px 20px;
}

/* Lue lisää osiot */

#block-views-block-lue-lisaa-kirjallisuus-block-1,
#block-views-block-lue-lisaa-artikkelit-ja-katsaukset-block-1 {
    width: 100%;
    float: left;
    border-top: 1px solid #B8CADD;
    padding-top: 40px;
    margin-bottom: 50px;
}

#block-views-block-lue-lisaa-kirjallisuus-block-1 h2,
#block-views-block-lue-lisaa-artikkelit-ja-katsaukset-block-1 h2{
    max-width: 1224px;
    margin: 0 auto;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}

.view-lue-lisaa-kirjallisuus .views-col,
.view-lue-lisaa-artikkelit-ja-katsaukset .views-col {
    padding: 0px 10px;
    width: 25% !important;
    display:inline-block;
}

#block-views-block-lue-lisaa-kirjallisuus-block-1 .view-lue-lisaa-kirjallisuus .view-content
#block-views-block-lue-lisaa-artikkelit-ja-katsaukset-block-1 .lue-lisaa-artikkelit-ja-katsaukset .view-content {
    max-width: 1224px;
    margin: 0 auto;
}

/*Verkkolomake ja uutiskirjelomake */

body.node--type-webform .webform-component-markup {
font-family: 'lemonde-journal';
font-style: normal;
font-weight: normal;
font-size: 18px;
}

body.node--type-perussivu .node__content input {
background: #E9F0F5;
border: 1px solid #B8CADD;
box-sizing: border-box;
border-radius: 5px;
padding: 0px 5px 0px 5px;
}

body.node--type-perussivu .node__content button,
body.node--type-webform .node__content button {
font-family: 'aktiv-grotesk-condensed';
color: #FFF;
background: #8C00C1;
border-radius: 25px;
border: 0px;
padding: 16px;
text-transform: uppercase;
font-weight: bold;
}

body.node--type-perussivu .node__content button:hover,
body.node--type-webform .node__content button:hover {
color: #FFF;
background: #000;
}

/* Painike */

#block-tietap-content .content button.button {
font-family: 'aktiv-grotesk-condensed';
color: #FFF;
background: #8C00C1;
border-radius: 25px;
border: 0px;
padding: 16px;
text-transform: uppercase;
font-weight: bold;
}

#block-tietap-content .content button.button:hover {
color: #FFF;
background: #000;
}


/* Alapalkki */

.site-footer {
background-color: #E9F0F5 !important;
padding-bottom: 40px;
}

.site-footer .container-fluid {
max-width: 1224px;
padding-top: 60px;
}

.site-footer .container-fluid .region-footer-first,
.site-footer .container-fluid .region-footer-second,
.site-footer .container-fluid .region-footer-third {
width: 24%;
margin-right: 20px;
float: left;
}

.site-footer .container-fluid .region-footer-fourth {
max-width: 24%;
float: right;
text-align: center;
}

.site-footer .container-fluid .region-footer-fifth {
max-width: 1224px;
margin-top: 40px;
}

.site-footer .container-fluid .region {
color: #516170 !important;
font-size: 18px;
}

.site-footer .container-fluid .region a{
color: #516170 !important;
font-weight: bold;
}

.site-footer .container-fluid .region a:hover{
color: #8C00C1 !important;
}

/* Footer 1*/

#block-footer1 {
padding: 0px;
}

.block-footer1-area {
/*max-width: 288px;*/
}

.block-footer1-area .block-footer1-area-1 img{
width: 100%;
max-width: 184px;
margin-bottom: 20px;
}

.block-footer1-area .block-footer1-area-2 {
margin-top: 10px;
}

/* Footer 2*/

#block-footer2 {
padding: 0px;
}

.block-footer2-area {
padding-left: 40px;
}

.block-footer2-area .block-footer2-area-1 p{
margin-top: 0px;
}

.block-footer2-area .block-footer2-area-2 {
margin-top: 20px;
}

.block-footer2-area .block-footer2-area-2 img{
margin-right: 20px;
}

/* Footer 3 */

#block-footer3 {
padding: 0px;
}

.block-footer3-area {
padding-left: 40px;
}

.block-footer3-area .block-footer3-area-1 p {
margin-top: 0px;
}

/* Footer 4*/

#block-footer4 {
padding: 0px;
}

.block-footer4-area {
/*max-width: 288px;*/
}

.block-footer4-area .block-footer4-area-1 img {
width: 100%;
max-width: 185px;
margin-bottom: 40px;
}

.block-footer4-area .block-footer4-area-1 img.footer-last-img {
margin-bottom: 0px;
}