@charset "utf-8";
/* CSS Document */

@font-face {
font-family: 'OmoType';
src: url('../fonts/OmoType-MediumStdTwo.ttf') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'OmoType';
src: url('../fonts/OmoType-BoldStdTwo.ttf') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'OmoType';
src: url('../fonts/OmoType-BlackStdTwo.ttf') format('woff');
font-weight: 800;
font-style: normal;
}

body {
font-family: 'OmoType', sans-serif;
font-weight: 400;
}

.inputfield {
font: 400 1em/50px 'OmoType', sans-serif;
}
.tooltip {
font-family: 'OmoType', sans-serif;
}


#site_title {
font-weight: 700;
letter-spacing: 0;
}

#filter .label {
max-width: 107px;
}
#user_home .label {
max-width: 63px;
}
#user_inbox .label {
max-width: 107px;
}

#function a#nondyslexic {
display: none;
}
#function a#dyslexic {
display: flex;
}
#function a#nonimpaired {
display: flex;
}
#function a#impaired {
display: none;
}




#filter_slideout h3 {
font-weight: 700;
}
#top_box h3,
#filter_slideout h4 {
font-weight: 700;
}

#user_slideout .user_name,
#user_slideout .unread a,
.articles h3,
.newspanel h1, 
h1.section_title,
strong,
.modal h2, 
.modal h3,
input.submit_button {
font-weight: 800;
}

#current_user {
font-size: 16px;
}

#top_nav div {
max-width: 150px;
}

#langmenu ul li {
min-width: 7.5em;
}


.accept-decline {
flex: 1 1 50%;
min-width: 312px;
}

.select_me {
flex: 1 1 50%;
}

select#eu-eaa {
font-family: "OmoType", sans-serif;
}

.modal.large {
max-width: 660px;
}

.small_button {
font-family: "OmoType", sans-serif;
}



@media all and (max-width: 1200px) {

#egradjani .segment {
padding-left: 10px;
}

}


@media all and (max-width: 1070px) {

.top_ribbon {
flex-direction: column;
align-items: flex-start;
padding: 0;
}
#navmainswitch {
display: block;
}
#egradjani .section#logo {
width: 100%;
display: flex;
justify-content: space-between;
padding: 20px 20px 19px;
}
#egradjani .segment {
padding-left: 0;
}
#egradjani .section#function {
width: 100%;
padding: 10px 19px;
flex-flow: row wrap;
}

.segment a.tooltip:hover .label {
display: inherit;
position: inherit;
padding: 0 0 0 8px;
color: inherit;
background-color: transparent;
border-radius: 0;
box-shadow: none;
}

.segment a.tooltip .label::after {
display: none;
}

#shell {
display: none;
width: 100%;
border-top: 1px solid var(--background);
}
#function .segment {
flex: 1 1 50%;
border: 1px solid transparent;
}
#function a {
height: 100%;
padding: 8px 12px;
}
#filter .label,
#user_home .label,
#user_inbox .label {
max-width: none;
}

#user_inbox a {
justify-content: space-between;
}
#user_inbox .icon,
#user_inbox .unread_messages {
flex: 0;
}
#user_inbox .label {
flex: 1;
}
a#user_switch::before,
a#user_switch:hover::before {
margin: -13px 0 -13px 15px;
padding: 13px 0;
background-color: transparent;
}
#filterswitch {
order: 1;
}
#user_home {
order: 3;
}
#user_inbox {
order: 5;
}
#vision_impaired {
order: 2;
}
#dyslexia {
order: 4;
}
#resize {
order: 6;
}
#log_button {
order: 7;
}

a#filter_close {
margin: -18px -10px 0 0;
color: var(--red);
background-color: transparent;
}
a#filter_close::after {
display: none;
}

a#filter_close:hover {
color: #000;
}
a#filter_close:active {
background-color: transparent;
}


}




@media all and (max-width: 980px) {

#top_nav div {
max-width: none;
}

}


@media all and (max-width: 690px) {

#egradjani .section#function {
flex-direction: column;
}
#egradjani .section#function {
flex-direction: column;
}
#egradjani #filterswitch {
order: 1;
}
#egradjani #user_home {
order: 2;
}
#egradjani #user_inbox {
order: 3;
}
#egradjani #vision_impaired {
order: 4;
}
#egradjani #dyslexia {
order: 5;
}
#egradjani #resize {
order: 6;
}
#egradjani #log_button {
order: 7;
}

}