.yhteystiedot 
{
  display: flex;
}
.yhteystiedot > div > p:first-child {
  font-weight: bold;
}
.yhteystiedot > div > p {
  margin: 0 ;
}
.yhteystiedot > div  {
  margin-right: 4rem;
}

.custom-table > tbody > tr > td {
    border: 0;
    background: #FFFFFf;
}

article article {
    border: 0;
    border-top: 5px solid #002b54;
}
.announcemententry {
 border-top: 0;
}
.event {
border-top: 0;
}

.announcementmodule > footer {
display: none
}
.kansikuva-copyright {
font-size: 0.8rem;;
}
.banner > .toplevel > a > img {
display: none;
}
.ajankohta-lista > ul > li {
margin-bottom: 0.8rem;
}

.kehikko > tbody > tr > td > a {
color: #1F6ECC
}
.kehikko > tbody > tr > th > a {
color: #1F6ECC
}



.kehikko > tbody > tr > td {
color: #474748;
background:  #F4F6F9;
    line-height: normal;
}
.kehikko > tbody > tr > th[scope="row"] {
color: #474748;
background:  #F4F6F9;
    font-weight: 650;
}
.kehikko > tbody > tr > th[scope="col"] {
color: #474748;
background:  #F4F6F9;
    font-weight: 650;
}

.kehikko > tbody > tr:nth-child(2) > th:first-child {
background:  #F4F6F9;
}



.kehikko > tbody > tr > th[colspan] {
color: #181919;
}

table[border].kehikko td, table[border].kehikko th {
    border: 1px solid #CDD4DD;
}



.kehikko > tbody > tr > th[colspan] {
background: #E4EAF2;
color: #181919;
}



.kehikko> tbody > tr > th[colspan] > span:first-child {
font-size: 1.5rem;
color: #456990;
}

.kehikko> tbody > tr > th[colspan] > span:nth-child(2) {
font-size: 1rem;
font-weight: normal;
}

.kehikko-nav {
    display: flex;
    justify-content: space-between;
}
.kehikko-nav {
    margin-top: 2rem;
}

.content > h3 {
    margin: 1rem 0rem 0.5rem 0rem;
}

.content > h3 + ul {
margin: 0rem 0rem 1rem 0rem;
}

.ohjeet-sisennys {
margin-left: 1rem;
}

.textmodule > .main > div:not(.content) > a:first-child {
background: #002b54;
    color: #FFFFFF;
    padding: 1rem;
    font-size: 1rem;
    border-radius: 6px;
    text-decoration: none;
margin: 0.5rem 0;
}

.textmodule > .main > div:not(.content) > a:before {
content: ' Kommentoi tästä ('
}

.textmodule > .main > div:not(.content) > a:after {
content: ')'
}

#uuid-8970a740-a6bf-11ed-a7b5-f8f21e980f51 > section > div > article.textmodule.document.uuid-3277eeea-48bc-11ee-850f-6e9f894da45d.enclose.haspopupmenus > div > div:nth-child(2) > a:before {
content: ' Kommentoi osaamiskuvauksia kokonaisuutena ('
}

.alert-box {
display: flex;
border: 2px solid #FACE75;
    background: #FEFBD8;
    border-radius: 6px;
    font-weight: normal;
 padding-right: 1.5rem;

}
.alert-box > p:first-child {
    font-size: 3rem;
    padding: 0 1rem;
    color: #D99308;
    display: flex;
    align-items: center;
}
.alert-box > p:last-child {
margin-bottom: 1rem;
}



#uuid-8970a740-a6bf-11ed-a7b5-f8f21e980f51 > section > div > article > div > div:nth-child(2) {
margin-top: 2rem;
}

.lataa-ohje-painike > a {
background: #002b54;
    color: #FFFFFF;
    padding: 1rem;
    font-size: 1rem;
    border-radius: 6px;
    text-decoration: none;
margin: 0.5rem 0;
}

.lataa-ohje-painike > a:before {
content: 'Lataa tästä ohje PDF:nä ('
}

.lataa-ohje-painike > a:after {
content: ')'
}

.lataa-ohje-painike {
 margin: 2rem 0;
}

.lataa-ohje-painike > a {
background: #002b54;
    color: #FFFFFF;
    padding: 1rem;
    font-size: 1rem;
    border-radius: 6px;
    text-decoration: none;
margin: 0.5rem 0;
}

.lataa-ohje-painike > a:before {
content: 'Lataa tästä ohje PDF:nä ('
}

.lataa-ohje-painike > a:after {
content: ')'
}

.lataa-ohje-painike {
 margin: 2rem 0;
}
.alert-box-with-button > .alert-box {
    max-width: calc(50% - 0.5rem);
    padding-right: 1.5rem;

}
.tutustu-osaamiskuvauksiin {
    max-width: calc(50% - 0.5rem);
    display: flex;
    justify-content: center;
}

.tutustu-osaamiskuvauksiin > a {
background: #002b54;
    color: #FFFFFF;
    padding: 1rem;
    font-size: 1rem;
    border-radius: 6px;
    text-decoration: none;
margin: 0.5rem 0;
}
   

@media (min-width: 1200px) {
  
}
.thinklink > iframe {
    width: 100% !important;
    height: 800px !important;
min-width: 375px;
}

.iframe-center {
display: flex;
justify-content: center;
}

 iframe {
    width: 40% !important;
    height: 260px !important;
min-width: 375px;
}



.c-osa> tbody > tr > th[colspan] {
background:  #E4EAF2 !important;
}

.c-osa> tbody > tr > td > p:first-child {
margin-top: 1rem;
}

.c-osa> tbody > tr > td > ul {
margin-bottom: 2rem;
}
.c-osa> tbody > tr > td > ul > li {
margin-bottom: .5rem;
}

.b-listat > ul > li {
padding: 0rem 0 6px 0;
}

.alert-box-email {
display: flex;
border: 2px solid #FACE75;
    background: #FEFBD8;
    border-radius: 6px;
    font-weight: normal;
}

.alert-box-email > p:first-child {
    font-size: 3rem;
    padding: 0 1rem;
    color: #D99308;
    display: flex;
    align-items: center;
margin-bottom: 0;
}
.alert-box-email > p:last-child {
margin-bottom: 1rem;
  display: flex;
    align-items: center;
}



.container {
max-width: 820px;
}



.block {
    display: flex;
    flex-direction: column;
    width: 100%;
margin-bottom: 1rem;
}

.block > h1 {
    position: relative;
    display: flex;
    align-items: center;
       padding: 0.4rem 1rem;

    margin: 0;
    font-weight: 550;
}
.block > h1>span:first-child {
    padding-right: .5rem;
    font-size: 1.8rem;
}
.block > h1>span {
    font-size: 1.3rem;
}
.block > h1>a{
    font-size: 1.3rem;
}
.block-sections {
    display: flex;
    flex-direction: column;
}
.block-section {
    display: flex;
}
.block-section > h2 {
    display: flex;
    align-items: center!important;
       min-width: 305px;
    padding-left: 1rem;
padding-right: 1rem;
    margin: 0;
     font-weight: 500;
}
.block-section > h2 >span:first-child {
    padding-right: .5rem;
    font-size: 1.5rem;
}

.block-section > h2 >span:last-child {
    font-size: 1.1rem;
    white-space: initial;
}
.block-section > h2 > a {
    font-size: 1.1rem;
    white-space: initial;
}
.block-section > ul > li {
    display: flex;
    align-items: center;
}
.block-section > ul
 {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%;
}
.block-section > ul > li >p:first-child {
    padding-right: .5rem;
    padding-left: 1rem;
}


.block > .block-sections > .block-section > ul >li > p > a:visited {
    color: #551A8B;
} 

/* Reunojen pyöristykset */ 

.block > .block-sections > .block-section:last-child > ul > li:last-child {
       border-bottom-right-radius: 10px;
}

.block > .block-sections > .block-section:last-child > h2 {
    border-bottom-left-radius: 10px;
} 

.block > h1 {
    border-radius: 10px 10px 0 0;
}




/* A-OSAN VÄRIT */ 

.a-block > h1 {
    background-color: #EFBDBD;
}

.a-block > .block-sections > .block-section > h2 {
    border-bottom: 2px dashed #D34A4A;
    background-color: #F3CECE;
}
.a-block > .block-sections > .block-section > h2 > span:first-child {
    color: #D34A4A;
} 
.a-block > .block-sections > .block-section > ul >li {
    border-bottom: 1px dashed #D34A4A;
    background-color: #F7DEDE;
} 


.a-block > .block-sections > .block-section > ul >li > p:first-child, .a-block > h1>span:first-child {
    color: #D34A4A;
} 
.a-block > .block-sections > .block-section > ul >li:last-child {
    border-bottom: 2px dashed #D34A4A;
} 

/* B-OSAN VÄRIT */ 
.b-block > h1 {
    background-color: #BAE3F2;
}
.b-block > .block-sections > .block-section > h2 {
    border-bottom: 2px dashed #35ACD4;
    background-color: #CCEAF5;
}
.b-block > .block-sections > .block-section > h2 > span:first-child {
    color: #35ACD4;
} 
.b-block > .block-sections > .block-section > ul >li {
    border-bottom: 1px dashed #35ACD4;
    background-color: #DDF1F8;
} 
.b-block > .block-sections > .block-section > ul >li > p:first-child, .b-block > h1>:first-child {
    color: #35ACD4;
} 
.b-block > .block-sections > .block-section > ul >li:last-child {
    border-bottom: 2px dashed #35ACD4;
} 


/* C-OSAN VÄRIT */ 

.c-block > h1 {
    background-color: #FFF1AD;
}
.c-block > h1 > span {
white-space: nowrap;
}

.c-block > .block-sections > .block-section > h2 {
    border-bottom: 2px dashed #E0B700;
    background-color: #FFF5C2;
}
.c-block > .block-sections > .block-section > h2 > span:first-child {
    color: #E0B700;
} 
.c-block > .block-sections > .block-section > ul > li {
    border-bottom: 1px dashed #E0B700;
    background-color: #FFF8D6;
} 
.c-block > .block-sections > .block-section > ul > li > p:first-child, .c-block > h1>span:first-child {
    color: #E0B700;
} 
.c-block > .block-sections > .block-section > ul > li:last-child {
    border-bottom: 2px dashed #E0B700;
} 



.block-section > ul > li >p, .block-section > h2 >p, .block-header>p {
    margin: .5rem 0rem! important;
}

.block > .block-sections > .block-section:last-child > ul > li:last-child, .block > .block-sections > .block-section:last-child > h2 {
    border: 0 !important;
} 
.line-break {
    display: flex;
    flex-direction: column;
}


/* PUHELIN */ 
@media screen and (max-width: 768px) {
    .block {
        flex-direction: column;
    }
    .block-section {
        flex-direction: column;
    }
    .block-section > h2 {
        padding-left: 2rem;
    }
    .block-section > ul > li >p:first-child {
        padding-left: 3rem;
    }
    .block > .block-sections > .block-section > h2 {
        border: none !important;
    } 
    .block-section > h2 > a > span > br {
        display: none;
    }
 .block > .block-sections > .block-section:last-child > h2 {
        border-bottom-left-radius: 0;
    }
    .block > .block-sections > .block-section:last-child > ul > li:last-child {
       border-radius: 0 0 10px 10px;
    } 
}



.osaamiskuvaukset-accordion {
    border-bottom: 1px solid #BCC0C8;
}
#tab1 {
    border-top: 1px solid #BCC0C8;
}
.osaamiskuvaukset-accordion > .submenu {
    display: none;
    margin-left: 1rem;
    margin-top: 0.5rem;
}
.osaamiskuvaukset-accordion:target > .submenu {
    display: block;
}
.accordions {
   margin-bottom: 3rem;
position: relative;
}
.osaamiskuvaukset-accordion > a {
    display: inline-block;
    width: 100%;
    padding: 0.5rem 0;
}

.osaamiskuvaukset-accordion > .tab-header > .tab-open {
    display: none;
}
.osaamiskuvaukset-accordion > .tab-header > .tab-closed {
    display: inline-block;
}

.osaamiskuvaukset-accordion > .tab-header > a {
    width: 100%;
    padding: 0.5rem 0;
    text-decoration: none;
}

.osaamiskuvaukset-accordion:target > .tab-header > .tab-closed {
    display: none;
}
.osaamiskuvaukset-accordion:target > .tab-header > .tab-open {
    display: inline-block;
}
.osaamiskuvaukset-accordion > a:hover {
    background: #F5F5F5;
}
.osaamiskuvaukset-accordion > .tab-header > a:hover {
    background: #F5F5F5;
}
.osaamiskuvaukset-accordion > .submenu > p {
    font-weight: bold;
}
.tab-header {
    position: relative;
}

.tab-header > div:last-child {
    position: absolute;
    right: 0.5rem;
    top: calc(40% / 2);
    font-size: 2rem;
color: #70757A;
}

.osaamiskuvaukset-accordion:target >.tab-header > div:last-child {
 bottom: calc(45% / 2);
transform: rotate(180deg);
}

.osaamiskuvaukset-accordion > .submenu > ul > li {
    padding: 0rem 0 6px 0;
}

.accordions > p {
    font-weight: bold;
    font-size: 1.3rem;
margin-bottom: 1.5rem;
}




/* OSAAMISKUVAUSTEN UUDET VÄRIT */ 

.a-new-block > h1 {
    background-color: #E4978B;
}

.a-new-block > .block-sections > .block-section > h2 {
    border-bottom: 2px dashed #B63D2B;
    background-color: #ECB5AC;
}
.a-new-block > .block-sections > .block-section > h2 > span:first-child {
    color: #B63D2B;
} 
.a-new-block > .block-sections > .block-section > ul >li {
    border-bottom: 1px dashed #B63D2B;
    background-color: #F4D2CD;
} 


.a-new-block > .block-sections > .block-section > ul >li > p:first-child, .a-new-block > h1>span:first-child {
    color: #B63D2B;
} 
.a-new-block > .block-sections > .block-section > ul >li:last-child {
    border-bottom: 2px dashed #B63D2B;
} 


/* B-OSAN VÄRIT */ 

.b-new-block > h1 {
    background-color: #EFB480;
}
.b-new-block > .block-sections > .block-section > h2 {
    border-bottom: 2px dashed #C86A19;
    background-color: #F4C9A4;
}
.b-new-block > .block-sections > .block-section > h2 > span:first-child {
    color: #C86A19;
} 
.b-new-block > .block-sections > .block-section > ul >li {
    border-bottom: 1px dashed #C86A19;
    background-color: #F8DFC9;
} 
.b-new-block > .block-sections > .block-section > ul >li > p:first-child, .b-new-block > h1>:first-child {
    color: #C86A19;
} 
.b-new-block > .block-sections > .block-section > ul >li:last-child {
    border-bottom: 2px dashed #C86A19;
} 

/* C-OSAN VÄRIT */ 

.c-new-block > h1 {
    background-color: #F7C978;
}
.c-new-block > h1 > span {
white-space: nowrap;
}

.c-new-block > .block-sections > .block-section > h2 {
    border-bottom: 2px dashed #D48B0C;
    background-color: #F9D89F;
}
.c-new-block > .block-sections > .block-section > h2 > span:first-child {
    color: #D48B0C;
} 
.c-new-block > .block-sections > .block-section > ul > li {
    border-bottom: 1px dashed #D48B0C;
    background-color: #FBE8C5;
} 
.c-new-block > .block-sections > .block-section > ul > li > p:first-child, .c-new-block > h1>span:first-child {
    color: #D48B0C;
} 
.c-new-block > .block-sections > .block-section > ul > li:last-child {
    border-bottom: 2px dashed #D48B0C;
} 

.b-listat > ul:first-child {
margin-bottom: 1.5rem;
}
.b-listat > ul p {
margin-bottom: 1rem
}

.tulossa-ul > ul > li > ul > li {
padding: 0rem 0 6px 0;
}

.tulossa-ul > ul > li > ul > li > ul > li {
    list-style-type: none;
}
.julkaisut {
display: flex;
flex-direction: column;
gap: 1rem;
}

.publication-row-container > .flex {
  display: flex;
gap: 1rem;
}
.publication-row-container > h2, .publication-row-container > h3 {
font-weight: bold;
    margin-bottom: 1.5rem;
}
.publication-row-container > .flex > .item {
    box-sizing: border-box;
  flex: 1 1 0;
  width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
border: 3px solid #e6e4e4;
    border-radius: 2%;
    padding: 10px 13px;
}
.publication-row-container > .flex > .item > span {
  font-weight: bold;
}
.publication-row-container > .flex > .item > p{
  margin-bottom: 2rem;
}

.publication-row-container > h2 {
    text-align: center 
}
.arviointi-image {
    max-width: 30%;
margin: auto;
}

.osaamistyokalu-block {
    margin-top: 1rem;
    border: 3px solid #e6e4e4;
    border-radius: 2%;
    padding: 10px 13px;
}
.osaamistyokalu-block > h2 {
 text-align: center 
}

.flex > div.item.interaktiivinen > div > span > div > a > img {
    max-width: 60%;
}
.flex > div.item> div > span > div > a {
    display: flex;
justify-content: center;
}
div.flex > div.item> div > span > div {
width: 100%;
}
.flex > div.item.klikattava > div > span > div > a > img {
    max-width: 70%;
}
@media (max-width:480px) { 
.publication-row-container > .flex {
  flex-direction: column;
}
.publication-row-container > .flex > .item {
    width: 100%;
}
}

.flex > div.item.klikattava > div > span > a > img {
max-width: 70%;
}
.flex > div.item> div > span > a {
    display: flex;
justify-content: center;
}
.flex > div.item.interaktiivinen > div > span > a > img {
    max-width: 60%;
}

.flex > div.item.interaktiivinen > span > a > img {
max-width: 60%;
}

.flex > div.item.interaktiivinen > span > a {
    display: flex;
justify-content: center;
}

.osaamistyokalu-block > span > a {
    display: flex;
justify-content: center;
}