/* Additional colormode on directlink-titles */
.content .entrance-box.colormode-1 .entrance-link {
    color: #fff;
    background-color: #005f87;
}
.content .entrance-box.colormode-1 .entrance-link:hover {
    color: #005f87;
    background-color: #fff;
    box-shadow: 0px 0px 0px 2px #fff;
    -webkit-box-shadow: 0px 0px 0px 2px #fff; 
}
.content .entrance-box.colormode-1 .entrance-link .more-link a.icon span,
.content .entrance-box.colormode-1 .entrance-link:hover .more-link a.icon span {
    color: #005f87;
}
.content .entrance-box.colormode-1 .entrance-link:hover .more-link a.icon:before {
    color: #fff;
    background-color: #005f87;
    border-color: #fff;
}
.content .entrance-box.colormode-1 .entrance-link .more-link:hover a.icon:before {
    color: #005f87;
    background-color: #fff;
    border-color: #005f87;
}
.content .entrance-box.colormode-1 .entrance-link:hover .more-link:hover a.icon span {
    border-color: #005f87;
}

@media (min-width: 768px) {
    .content .entrance-box.colormode-1 .entrance-link:hover {
        box-shadow: 0px 0px 0px 5px #fff;
        -webkit-box-shadow: 0px 0px 0px 5px #fff;
    }
}
@media (min-width: 1024px) {
    .content .entrance-box.colormode-1 .entrance-link:hover {
        box-shadow: 0px 0px 0px 15px #fff;
        -webkit-box-shadow: 0px 0px 0px 15px #fff;
    }
}
@media (max-width: 1023px) {
    .content .entrance-box.colormode-0 .box-label,
    .content .entrance-box.colormode-1 .box-label {
        top: 0;
        padding-bottom: 25px;
    }
}
@media (max-width: 767px) {
    .content .entrance-box.colormode-0 .box-label,
    .content .entrance-box.colormode-1 .box-label {
        top: 5px;
    }
}
@media (max-width: 575px) {
    .content .entrance-box.colormode-0 .box-label,
    .content .entrance-box.colormode-1 .box-label {
        top: -5px;
    }
}


/* Additional styles for language versions */

div[dir="rtl"] {
    text-align: right;
}