#bef-topic-30 h2.bef-teema__title1, #bef-topic-236 h2.bef-teema__title1, .topic-link.bef-topic-30, .topic-link.bef-topic-236, .paint-nrg{ color: #c02051;}
#bef-topic-31 h2.bef-teema__title1, #bef-topic-233 h2.bef-teema__title1, .topic-link.bef-topic-31, .topic-link.bef-topic-233, .paint-waste{ color: #527284;}
#bef-topic-32 h2.bef-teema__title1, #bef-topic-231 h2.bef-teema__title1, .topic-link.bef-topic-32, .topic-link.bef-topic-231, .paint-chem{ color: #f07e11;}
#bef-topic-33 h2.bef-teema__title1, #bef-topic-235 h2.bef-teema__title1, .topic-link.bef-topic-33, .topic-link.bef-topic-235, .paint-heal{ color: #fcc100;}
#bef-topic-34 h2.bef-teema__title1, #bef-topic-230 h2.bef-teema__title1, .topic-link.bef-topic-34, .topic-link.bef-topic-230, .paint-nature{ color: #4e5e43;}
#bef-topic-35 h2.bef-teema__title1, #bef-topic-229 h2.bef-teema__title1, .topic-link.bef-topic-35, .topic-link.bef-topic-229, .paint-move{ color: #b0b341;}
#bef-topic-36 h2.bef-teema__title1, #bef-topic-232 h2.bef-teema__title1, .topic-link.bef-topic-36, .topic-link.bef-topic-232, .paint-water{ color: #5bacca;}


/*- Shortcuts -*/
.topic-quick{margin: 26px 0; position: relative; padding-bottom: 20px; border-collapse: collapse}
.topic-quick h2{text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 10px;}
.topic-quick .topic-row{display: table-row;}
.topic-quick .topic-large{display:table-cell; border: 1px solid #ededed; padding: 10px;}
.topic-quick .topic-large:nth-child(2n){clear: left;}
.topic-quick .topic-small{position:relative;}
.topic-quick .topic-small:after {content: ''; clear: both; display: table}
.topic-quick .topic-small img{ float: left;}
.topic-quick .topic-small > span{
    position: absolute;
    bottom: 0;
    padding: 0 10px 0 5px;
    text-transform: uppercase;
}
.topic-quick .topic-content{margin-top: 14px;max-width: 350px;}
.topic-quick .topic-content p{margin: 0;}

.topic-quick .topic-large.bef-topic-30:hover, .topic-quick .topic-large.bef-topic-236:hover{ background-color: rgba(192, 32, 81, 0.2);}
.topic-quick .topic-large.bef-topic-31:hover, .topic-quick .topic-large.bef-topic-233:hover{ background-color: rgba(82, 114, 132, 0.2);}
.topic-quick .topic-large.bef-topic-32:hover, .topic-quick .topic-large.bef-topic-231:hover{ background-color: rgba(240, 126, 17, 0.2);}
.topic-quick .topic-large.bef-topic-33:hover, .topic-quick .topic-large.bef-topic-235:hover{ background-color: rgba(252, 193, 0, 0.2);}
.topic-quick .topic-large.bef-topic-34:hover, .topic-quick .topic-large.bef-topic-230:hover{ background-color: rgba(78, 94, 67, 0.2);}
.topic-quick .topic-large.bef-topic-35:hover, .topic-quick .topic-large.bef-topic-229:hover{ background-color: rgba(176, 179, 65, 0.2);}
.topic-quick .topic-large.bef-topic-36:hover, .topic-quick .topic-large.bef-topic-232:hover{ background-color: rgba(91, 172, 202, 0.2);}

.topic-quick .topic-row + .topic-link{margin-top: 18px;}
.topic-quick .topic-link a{text-decoration: underline;}
.topic-quick .topic-link a:hover{text-decoration: none; color: #004783}
.topic-quick p { color: black; }


/*-- PAGE: CONTACT --*/
.person{ border-bottom: 1px solid #004783; margin: 7px 0 20px; padding-right: 8px;}
.person a{ text-decoration: underline;}
.person a:hover{text-decoration: none; color: #004783;}
.person .main-info h4{margin-left: 137px; padding-top: 0; margin-bottom: 0;}
.person .main-info p{margin-left: 137px;}
.person .main-info > img{ float: left; }
.person .main-info .contact-flags{ clear: both; margin-bottom: 24px;}
.person .main-info .contact-flags > img{ float: right; margin-left: 6px;}
.person .add-info {margin-left: 137px; display: none;}
.person .add-info > img{margin-left: -70px; float : left}
.person .add-info > strong{ font-size: 16px;}
.person .add-info > ul{ margin-bottom: 42px;}
.person .more-link{ padding: 4px 0 12px 0; text-align: right; display: block; font-size: 16px; clear: both;}

/*-- PAGE: NEWS --*/
.news h3 { margin-bottom: 3px; font-size: 24px; }
.right-col.archive .news-archive-link-wrapper {
    margin: 0 0 6px 0;
}
.right-col.archive h4 {
    margin-bottom: 10px;
}
.right-col.archive a:hover {
    border-bottom: 1px solid;
}



/*-- PAGE: TOPICS --*/
.topics.right-col{ width: 242px; position: relative}
.topics.right-col .topic-small{ display: inline-block; }
.topics.right-col .topic-small a{ display: inline-block;}
.topics.right-col .topic-small > span{
    display: none;
    position: absolute;
    left: 0;
    padding-left: 0;
    font-size: 16px;
    text-transform: uppercase;
}
.topics.right-col .topic-small:hover > span{ display: block;}
.attachment-bef-topic-icon-half{margin-left: -2px;}

.page .bef_teema{ padding-top: 29px; margin-bottom: 25px; border-bottom: 1px solid #004783;}
/* Fix for new webpage until the previous style is intact. */
.page .bef_teema.w-grid-item { padding-top: 0; margin-bottom: 0; border-bottom: 0; }
.bef_teema img{margin-bottom: 10px;}
/*- Project list -*/
.bef_teema .prj-toggle{display: inline-block; color: #004783; font-size: 18px;  padding-bottom: 8px;}
.bef_teema .prj-toggle:hover{color: #666;}
.bef_teema .prj-toggle.open{color: #666;}
.bef_teema .prj-list{  display: none;}
.bef_teema .prj-list .prj-single{padding: 12px 0; border-bottom: 1px solid #004783;}
.bef_teema .prj-list .prj-single  a:hover { border-bottom: 1px solid; }
.bef-teema__title1 { margin-bottom: 0.5em; position: relative; padding-left: 55px; line-height: 44px; }
.bef-teema__title1 img { position: absolute; left: 0; bottom: 0; margin-bottom: 0;  }
.page .bef_teema .prj-list .prj-single:last-child{border-bottom: none;}
/*- Single topic-*/
.single .bef_teema h2.prj-title{color: #004783!important;}
.single .bef_teema p{}
.single .bef_teema.right-col p{ padding: 0;}
.single .bef_teema.right-col img{max-width: 100%;}
.single .bef_teema .prj-list{display: block;}


/*-- PAGE: PUBLICATIONS --*/
.publish .bef_teema > img{margin-bottom: 26px;}
.publish .issue {margin: 0 0 20px 0; padding-left: 21px; background: url('img/arrow_down.png') no-repeat 1px 3px;}
.publish .issue.empty{background: none;}
.publish .issue.hover{background-position: 1px -97px;}
.publish .issue a .file-type{text-transform: uppercase;}
.publish .issue a{text-decoration: underline;}
.publish .issue a:hover{text-decoration: none; color: #004783;}


/** PAGE: GROUP --*/
.group-page-right a:hover {
    border: 0 !important;
}