/* Custom Museo Sans fonts */

@font-face {
    font-family: "MuseoSans";
    font-weight: 100;
    font-style: normal;
    src: url("../fonts/MuseoSans-100.woff") format("woff2");
}
@font-face {
    font-family: "MuseoSans";
    src: url("../fonts/MuseoSans-100Italic.woff") format("woff2");
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: "MuseoSans";
    src: url("../fonts/MuseoSans-300.woff") format("woff2");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "MuseoSans";
    src: url("../fonts/MuseoSans-300Italic.woff") format("woff2");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "MuseoSans";
    src: url("../fonts/MuseoSans-500.woff") format("woff2");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "MuseoSans";
    src: url("../fonts/MuseoSans-500Italic.woff") format("woff2");
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: "MuseoSans";
    src: url("../fonts/MuseoSans-700.woff") format("woff2");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "MuseoSans";
    font-weight: 700;
    font-style: italic;
    src: url("../fonts/MuseoSans-700Italic.woff") format("woff2");
}
@font-face {
    font-family: "MuseoSans";
    src: url("../fonts/MuseoSans-900.woff") format("woff2");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "MuseoSans";
    font-weight: 900;
    font-style: italic;
    src: url("../fonts/MuseoSans-900Italic.woff") format("woff2");
}

/* Custom liner decoration */

div.tm-page:before {
    content: "";
    display: block;
    position: fixed;
    top: 162px;
    left: 80px;
    background: transparent url("/images/babel/bg-decor.gif") no-repeat top left;
    width: 10px;
    height: 2000px;
    z-index: 100;
}
@media (max-width: 1600px) {
    div.tm-page:before {
        left: 40px;
    }
}
@media (max-width: 1500px) {
    div.tm-page:before {
        left: 20px;
    }
}
@media (max-width: 800px) {
    div.tm-page:before {
        left: 5px;
    }
}

/* Language selector */

header.tm-header div.mod-languages {
    width: 44px;
}
header.tm-header div.mod-languages a {
    color: #7d7d82;
}
header.tm-header div.mod-languages div.uk-inline > a::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    margin: 0 auto;
    display: block;
    right: -4px;
    top: 10px;
    border-top: 3px solid transparent;
    border-left: 6px solid #8c8c8c;
    border-bottom: 3px solid transparent;
    transform: rotate(90deg);
}
header.tm-header div.mod-languages div.uk-dropdown {
    min-width: 75px;
}
header.tm-header div.mod-languages div.uk-dropdown li.uk-active a {
    color: #000000;
}

/* Mobile Language selector */

div.uk-offcanvas-bar div.mod-languages li { 
    margin: 0;
    border-right: 1px solid #7d7d82;
    padding: 0 12px;
    height: 20px;
}
div.uk-offcanvas-bar div.mod-languages li:last-child {
    border: none;
}
div.uk-offcanvas-bar div.mod-languages li:first-child {
    padding-left: 0;
}
div.uk-offcanvas-bar div.mod-languages li:first-child a {
    padding-left: 0;
}
div.uk-offcanvas-bar div.mod-languages li a { 
    height: 15px;
}