/*--- Oppiainevärit - Uskonto - yläkoulu ---*/
article article { border-top-color: #575390; }
article article article { box-shadow: none; border-top: 2px solid #575390; }
nav.main nav.virtualsub li a, nav.main nav.sub .service a { border-left-color: #575390; }
.eoppi-summary { background: #EEEDF3; border-top: 1px solid #BCBAD2; border-bottom: 1px solid #BCBAD2; }
.eoppi-highlight { border-left-color: #bcbad2; }
html { --bannerbackground: #575390; }

.banner { background-color: #575390; font: #23005c; }
@media all and (max-width:37rem) { .banner { } }

header .pathitem.important > .service {
    padding-left: 0;
}

header h1.toplevel a,
header h1.toplevel a:hover {
    color: #006DA7;
    font-family: 'Economica', 'Arial', sans-serif;
    background-color: #fff;
    display: inline-block;
    padding: 0.2rem 0.6rem 0.2rem 0.4rem;
}

header h1.toplevel a span,
header h1.toplevel a span:hover {
    color: #006DA7;
    text-shadow: none;
}

header h1.toplevel a span:hover {
    text-decoration: underline;
}

header nav.global a.logout,
header nav.global a.login,
header nav.global .actionshidden input.s {
    background: #CB5716;
}

header h1.toplevel a img {
    margin-right: 0.4rem;
    max-height: 1.2rem;
    vertical-align: middle;
}


nav.main nav.virtualsub li a,
nav.main nav.sub .service a {
    border: 0;
    border-left: 0.3rem solid #006DA7; /* replaced by subject color */
}

nav.main nav.virtualsub li a:hover,
nav.main nav.sub .service a:hover {
    background: #F2F2F2;
}


/*---- Articles ----*/

article article > header h1 {
    font-family: 'Economica', 'Arial', sans-serif;
    padding-bottom: 0;
}

article article {
    border: 0;
    border-top: 5px solid #006DA7; /* replaced by subject color */
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

article.supermodule {
    color: #000;
    background: #fff;
}

div.framelessimage {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

article article > header ul.actions,
article article.document > header ul.actions {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

article.module,
article.learningresource {
    background: #fff;
}

article .content.enclose {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

article .content.enclose a {
    color: #006DA7;
    text-decoration: underline;
}

article article article {
    box-shadow: none;
    border-top: 2px solid #006DA7; /* replaced by subject color */
}

.comments article {
    border-top: 1px solid #E5E5E5;
}

article.rssitem {
    border-top: 0;
}

article.rssitem > main {
    padding-left: 0rem;
    padding-right: 0rem;
}

article article article h1 {
    font-size: 1.25rem;
}


/*--- Custom elements ---*/

.eoppi-summary {
    background: #E5F0F6; /* 10% Logosininen ---  replaced by subject color */
    border-top: 1px solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */
    border-bottom: 1px solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */
    clear: both;
    margin: 0 -16px;
    padding: 0 1rem;
    overflow: hidden;
}

.xhtmleditor .eoppi-summary {
    margin: 0;
}

.eoppi-highlight {
    background: #f3f3f3; /* 5% Musta */
    border-left: 0.2rem solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */
    clear: both;
    margin: 1rem 0;
    padding: 1rem;
    overflow: hidden;
}

.eoppi-highlight p:first-of-type { margin-top: 0; }
.eoppi-highlight p:last-of-type  { margin-bottom: 0; }

.eoppi-highlight > .eoppi-highlight {
    margin: 1rem 0;
}

.eoppi-highlight > .eoppi-highlight:last-of-type {
    margin-bottom: 0;
}

.eoppi-highlight.color-1 { background: #d4c4e2; border-color: #baa1d0; }
.eoppi-highlight.color-2 { background: #c8cdda; border-color: #a7b0c4; }
.eoppi-highlight.color-3 { background: #cddcc8; border-color: #b0c7a8; }
.eoppi-highlight.color-4 { background: #e6dcd2; border-color: #d7c8b8; }
.eoppi-highlight.color-5 { background: #f2d5c4; border-color: #eabca2; }
.eoppi-highlight.color-6 { background: #e8c4c4; border-color: #d0a69e; }

.eoppi-highlight.color-3.correct,
.eoppi-highlight.color-6.incorrect {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 3rem;
    padding-right: 3.5rem;
}

.eoppi-highlight.color-3.correct {
    background-image: url('https://e-oppi.fi/pedanet/icons/highlight/highlight-correct.png');
}

.eoppi-highlight.color-6.incorrect {
    background-image: url('https://e-oppi.fi/pedanet/icons/highlight/highlight-incorrect.png');
}

.eoppi-table,
.eoppi-table caption,
.eoppi-table th,
.eoppi-table td {
    border: 3px solid #fff;
}

.eoppi-table,
.eoppi-table th,
.eoppi-table .footer-cell {
    background: #fff;
}

.eoppi-table {
    border: 0;
    border-collapse: collapse;
    clear: both;
    vertical-align: middle;
    margin: 1rem 0;
}

.eoppi-table.no-caption tr:first-of-type td {
    border-top: 0;
}

.eoppi-table,
.eoppi-table caption {
    border-left: 7px solid #65a7ca;
}

.eoppi-table.right caption,
.eoppi-table.left caption {
    border-left: 0;
}

.eoppi-table caption {
    border-bottom: 0;
    border-top: 0;
    background: #88c5de;
    font-family: 'Economica', 'Arial', sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.2rem;
    padding: 0.5rem 0.7rem;
    text-align: left;
    text-transform: uppercase;
}

.eoppi-table th {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.2;
    padding: 0.3rem 1rem;
    vertical-align: middle;
}

.eoppi-table tr,
.eoppi-table tr:nth-child(even) {
    background-color: #c9e7f2; /* e-Oppi vaalea 70  */
}

.eoppi-table tr:nth-child(odd) {
    background-color: #dbeff7; /* e-Oppi vaalea 70 20% */
}

.eoppi-table td {
    padding: 0.3rem 1rem;
    vertical-align: middle;
}

.eoppi-table tr:last-of-type td {
    border-bottom: 0;
}

.eoppi-table .footer-cell {
    border-bottom: 0;
    font-size: 0.8rem;
    text-align: right;
}

.eoppi-table .footer-cell.left {
    text-align: left;
}

.eoppi-table.valign-top th,
.eoppi-table.valign-top td {
    vertical-align: top;
}

/* Taulukon solujen vƤrit */
.eoppi-table th.color-1 { color: #54148b; }
.eoppi-table th.color-2 { color: #24396d; }
.eoppi-table th.color-3 { color: #397426; }
.eoppi-table th.color-4 { color: #9c754e; }
.eoppi-table th.color-5 { color: #cb5716; }
.eoppi-table th.color-6 { color: #a51315; }
.eoppi-table td.color-0 { background: #dbeff7; }
.eoppi-table td.color-1 { background: #d4c4e2; }
.eoppi-table td.color-2 { background: #c8cdda; }
.eoppi-table td.color-3 { background: #cddcc8; }
.eoppi-table td.color-4 { background: #e6dcd2; }
.eoppi-table td.color-5 { background: #f2d5c4; }
.eoppi-table td.color-6 { background: #e8c4c4; }

/* Taulukon solujen leveydet */
.min-width-4  { min-width:  4rem; }
.min-width-6  { min-width:  6rem; }
.min-width-8  { min-width:  8rem; }
.min-width-10 { min-width: 10rem; }
.min-width-12 { min-width: 12rem; }
.min-width-14 { min-width: 14rem; }
.min-width-15 { min-width: 15rem; }
.min-width-20 { min-width: 20rem; }
.min-width-25 { min-width: 25rem; }
.min-width-30 { min-width: 30rem; }

.width-25pct  { width: 25%; }
.width-33pct  { width: 33%; }
.width-50pct  { width: 50%; }

/* Taulukon leveydet */
.min-width-33pct  { min-width: 33%; }
.min-width-50pct  { min-width: 50%; }
.min-width-66pct  { min-width: 66%; }
.min-width-75pct  { min-width: 75%; }
.min-width-100pct { min-width: 100%; }

.eoppi-table.side-by-side {
    display: inline-block;
    margin-right: 1rem;
}

.eoppi-table.side-by-side caption {
    border-left: 0;
}

article .content.enclose a.definition,
a.definition {
    color: #7643a2; /* 80% Korostusvioletti tumma */
    text-decoration: none;
    border-bottom: 0.1rem dashed #7643a2; /* 80% Korostusvioletti tumma */
    display: inline-block;
    line-height: 0.8rem;
}