/* Fonts - START */
@font-face {
    font-family: "Quasimoda";
    src: url("../fonts/Quasimoda-Regular.woff") format("woff"), url("../fonts/Quasimoda-Regular.woff2") format("woff2"), url("../fonts/Quasimoda-Regular.ttf") format("ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Quasimoda";
    src: url("../fonts/Quasimoda-ExtraLight.woff") format("woff"), url("../fonts/Quasimoda-ExtraLight.woff2") format("woff2"), url("../fonts/Quasimoda-ExtraLight.ttf") format("ttf");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: "Quasimoda";
    src: url("../fonts/Quasimoda-Bold.woff") format("woff"), url("../fonts/Quasimoda-Bold.woff2") format("woff2"), url("../fonts/Quasimoda-Bold.ttf") format("ttf");
    font-weight: bold;
    font-style: normal;
}
/* Fonts - END */

/* Generic - START */
html{
    font-family: "Quasimoda", sans-serif!important;
    font-size: 18px;
    color: #121750;
    line-height: 1.3;
    background-color: #fff;
}

body {
    font-family: "Quasimoda", sans-serif!important;
}


.uk-navbar-dropdown {
    width: 300px!important;
    padding: 25px;
    background: #fff;
    color: #666;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
}

.uk-section-primary {
    background-color: #1E75BC !important;
}

.view-listings-grid-item {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #357cce;
    -moz-box-shadow: 0px 1px 5px rgba(204,204,204,0.35);
    -o-box-shadow: 0px 1px 5px rgba(204,204,204,0.35);
    -webkit-box-shadow: 0px 1px 5px rgba(204, 204, 204, 0.35);
    box-shadow: 0px 1px 5px rgba(204, 204, 204, 0.35);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.body-blue-background {
    background-color: rgba(53, 124, 206, 0.06);
}





.uk-light, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary.uk-card-body, .uk-card-primary > :not([class*='uk-card-media']), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*='uk-card-media']), .uk-overlay-primary, .uk-offcanvas-bar {
    color: #fff!important;
}

ul.icons-list li {
    display: inline-block;
    margin: 10px 5px;
    vertical-align: middle;
    /* text-align: center; */
}

.block-language ul:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f57d";
    left: 0;
    padding-right: 15px;
    color: #D45B27!important;
}

.region--colored-background {
    background-color: #1E75BC!important;
    color: #ffffff!important;
    border-color: rgba(var(--mt-color-colored-contrast-value), 0.3);
}

.block-language ul li .is-active {
    color: #D45B27!important;
    font-weight: 900!important;
}
.block-language a:hover {
    color: #fa9b08!important;
}

.language-link {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 0.8rem;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.1s ease-in-out;
    transition-property: color, background-color, border-color;
}


/* Text modifiers
 ========================================================================== */
/*
 * Text
 * 1. Reset
 * 2. Style
 */
.language-link {
  /* 1 */
  padding: 0;
  line-height: 1.5;
  background: none;
  /* 2 */
  color: #333;
  position: relative;
}
.language-link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  border-bottom: 1px solid currentColor;
  transition: right 0.3s ease-out;
}
/* Hover */
.language-link:hover {
  color: #333;
}
.language-link:hover::before {
  right: 0;
}
/* Disabled */
.language-link:disabled {
  color: #999;
}
.language-link:disabled::before {
  display: none;
}
/*
 * Link
 * 1. Reset
 * 2. Style
 */
.language-link {
  /* 1 */
  padding: 0;
  line-height: 1.5;
  background: none;
  /* 2 */
  color: #333;
}
/* Hover */
.language-link:hover {
  color: #999;
  text-decoration: none;
}
/* Disabled */
.language-link:disabled {
  color: #999;
  text-decoration: none;
}

/* ========================================================================
   Component: Button
 ========================================================================== */
/*
 * 1. Remove margins in Chrome, Safari and Opera.
 * 2. Remove borders for `button`.
 * 3. Address `overflow` set to `hidden` in IE.
 * 4. Correct `font` properties and `color` not being inherited for `button`.
 * 5. Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 6. Remove default style for `input type="submit"`in iOS.
 * 7. Style
 * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements.
 *    Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements.
 * 9. Align text if button has a width
 * 10. Required for `a`.
 */
.uk-button {
  /* 1 */
  margin: 0;
  /* 2 */
  border: none;
  /* 3 */
  overflow: visible;
  /* 4 */
  font: inherit;
  color: inherit;
  /* 5 */
  text-transform: none;
  /* 6 */
  -webkit-appearance: none;
  border-radius: 0;
  /* 7 */
  display: inline-block;
  box-sizing: border-box;
  padding: 0 25px!important;
  vertical-align: middle;
  font-size: 0.875rem;
  /* 8 */
  line-height: 38px;
  /* 9 */
  text-align: center;
  /* 10 */
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color, border-color;
}



.uk-button-primary {
    background-color: #1E75BC!important;
    color: #fff;
    border: 1px solid transparent;
}
.uk-button-primary:hover {
    background-color: #1e87f0!important;
    color: #fff;
}

/*
 * Green
 */
.uk-button-green {
  background-color: #1ebd64;
  color: #fff!important;
  border: 1px solid transparent;
}
/* Hover */
.uk-button-green:hover {
  background-color: #14ca64;
  color: #eee;
}
/* OnClick + Active */
.uk-button-green:active,
.uk-button-green.uk-active {
  background-color: #14ca64;
  color: #fff;
}

/*
 * Orange
 */
.uk-button-orange {
  background-color: #D45B27;
  color: #fff!important;
  border: 1px solid transparent;
}
/* Hover */
.uk-button-orange:hover {
  background-color: #ed4a03;
  color: #fff;
}
/* OnClick + Active */
.uk-button-orange:active,
.uk-button-orange.uk-active {
  background-color: #b23c09;
  color: #fff;
}

/*
 * Disabled
 * The same for all style modifiers
 */
.uk-button-default:disabled,
.uk-button-primary:disabled,
.uk-button-secondary:disabled,
.uk-button-danger:disabled,
.uk-button-orange:disabled,
.uk-button-green:disabled {
  background-color: transparent!important;
  color: #999!important;
  border-color: #e5e5e5!important;
}






.region--colored-background .block-language ul li:not(.is-active) a {
    color: var(--mt-color-colored-contrast);
    text-decoration: none!important;
}

.uk-card-primary {
    background-color: #1E75BC!important;
    color: #fff;
    box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
}

.uk-card-primary.uk-card-hover:hover {
  background-color: #1e87f0!important;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}




.filter-help {
  float: left;
  font-size: 12px;
}


.form--inline .form-actions {
    clear: none!important;
}

.views-exposed-form { 
    margin-left: 35px;
    margin-right: 35px;
}

.js-form-item-field-sp-grad-target-id {
    min-width: 250px;
}
.js-form-item-field-sp-languages-target-id {
    min-width: 250px;
}
.js-form-item-field-mt-srv-accessibility-target-id {
    min-width: 250px;
}




[dir="rtl"] .node--type-mt-post.node--view-mode-full .node__side {
    -ms-flex: 0 0 85px;
    flex: 0 0 85px;
    max-width: 85px;
    padding-right: 0px!important;
    margin-left: 15px;
}
[dir="rtl"] .node--type-mt-post.node--view-mode-full .node__side {
    -ms-flex: 0 0 85px;
    flex: 0 0 85px;
    max-width: 85px;
    padding-right: 0px!important;
    margin-left: 15px;
}


[dir="rtl"] .field__label {
    float:none;
    margin-left: 3px;
}

 
/* Fix contextual links size */
.contextual-region .contextual .contextual-links a {
  font-size: small;
  padding: 0.4em 0.6em;
}

.text-md-right {
    text-align: left!important;
}

b, strong {
    font-weight: bold!important;
}
em {
    color: inherit!important;
}
.field--name-field-mt-srv-subheader-body {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}

.internal-banner-container h1.page-title {
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.uk-description-list>dt {
    color: #222;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.nav.nav-pills > li, .nav.nav-pills > li + li {
    margin: 0px 5px 5px;
}

.nav-pills > li > a.nav-link {
    /* color: rgba(0, 0, 0, 0.5); */
    text-transform: capitalize;
    text-decoration: none;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 5px;
    font-size: 12px;
}
.field--entity-reference-target-type-taxonomy-term .field__item a:hover, .field--entity-reference-target-type-taxonomy-term.field__item a:hover {
    color: #0056b3;
    text-decoration: underline;
}



#main-menu-link-contentd8deec60-b56d-42c4-8bf2-1bb76b6ac9d4 a {
    background: #1E75BC!important;
    color: #ffffff!important;
    border: 1px solid #1E75BC!important;
    border-radius: 25px!important;
    border-top-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
    margin-left: 10px!important;
}


#main-menu-link-contentd8deec60-b56d-42c4-8bf2-1bb76b6ac9d4 a:hover {
    background: #D45B27!important;
    color: #ffffff!important;
    border-radius: 25px!important;
    border-top-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
    margin-left: 10px!important;
    border: 1px solid #D45B27!important;
}
}

.card-header--trigger-icon .card-title a {
    position: relative;
    padding-right: 65px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    font-weight: 900;
    background-color: #1E75BC!important;
    color: #EEEEEE!important;
}
.card-title a {
    color: #EEEEEE;
}

.card-header--trigger-icon .card-title a:hover, .card-header--trigger-icon .card-title a:focus {
    text-decoration: none;
}

.card-header--trigger-icon .card-title a.collapsed:after {
    background-color: #EEE;
}

.card-title a {
    font-size: 1.5rem!important;
}

.views-exposed-form:not(.bef-exposed-form) .form--inline .form-item {
    float: none;
    margin-right: 0;
    margin-left: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 80%;
}

.job-border {
    border:1px solid #dddddd; 
    border-radius:10px;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0,0,0,.12);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.job-border-teaser {
    border-left:1px dashed #dddddd; 
    box-sizing: border-box;
}     

.uk-label {
    display: inline-block;
    padding: 0 10px;
    background: #1e87f0;
    line-height: 1.5;
    font-size: 0.875rem;
    color: #fff;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 2px;
    text-transform: uppercase;
    border-radius: 3px;
}

.info-options {
   border: 1px solid #e0e0e0;
   border-radius: 4px;
   box-sizing: border-box;
}

.view-extra .options ul li {
    border-bottom: none;
    float: left;
    padding: 8px 16px 8px 0;
    display: flex;
    align-items: start;
}


.header-container ul.menu > li > a:hover, .header-container .region--shade-background ul.menu > li > a:hover, .header-container .region--colored-background ul.menu > li > a:hover, .header-container .region--dark-colored-background ul.menu > li > a:hover, .header-container .region--dark-background ul.menu > li > a:hover, .header-container ul.menu > li > span:hover, .header-container .region--shade-background ul.menu > li > span:hover, .header-container .region--colored-background ul.menu > li > span:hover, .header-container .region--dark-colored-background ul.menu > li > span:hover, .header-container .region--dark-background ul.menu > li > span:hover {
    color: #ffffff;
    background: #1E75BC!important;
}


.header-container .sf-menu.menu ul {
    display: none;
    padding: 1em 0;
    text-align: left;
    left: 0;
    top: 100%;
    background: #1E75BC;
}

.header-container ul.sf-menu > li.menuparent > a {
    padding-right: 20px;
    color: #444444!important;
}

.header-container ul.sf-menu > li.menuparent > a:hover {
    color: #ffffff!important;
}


#offcanvas-bar .uk-navbar-nav {
  display: flex;
  flex-direction: column;
  gap: 15px;
  /* 1 */
  margin: 0;
  padding: 0;
  list-style: none;
}

#offcanvas-bar .uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle {
    display: flex;
    width: fit-content;
    justify-content: left;
    align-items: center;
    column-gap: 0.25em;
    box-sizing: border-box;
    min-height: 10px;
    font-size: 0.875rem;
    font-family: "Quasimoda", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
    text-decoration: none;
}

#offcanvas-bar ul.menu a.is-active {
    color: #ffffff;
}

#edit-field-reas-description-0-format { display:none!important; }
#edit-preview { display:none!important; }
.tabledrag-toggle-weight-wrapper { display:none!important; }