:root {
  --qn-color-blue: #1f5d82;
  --qn-color-blue-rgb: 31, 93, 130;
}

html {
  hyphens: auto;
}

/*Switcher Layout*/

/*.qn-switcher .uk-tab li {
    padding: 8px 0;
}*/

@media screen and (min-width: 640px) {
  .qn-switcher .uk-tab > li > a {
    border-right: 1px solid #e8e8e8;
    transition: none;
  }

  .qn-switcher .uk-tab > .uk-active > a {
    border-right-color: #fff;
  }

  .qn-switcher .uk-tab > li > a {
    border-bottom: 1px solid #e8e8e8;
  }

  .qn-switcher .uk-tab > li:last-child > a {
    border-bottom: none;
  }
}

@media screen and (max-width: 639px) {
  .qn-switcher .uk-tab > li {
    width: 100%;
  }

  .qn-switcher .uk-tab > li > a {
    padding: 7px 0;
    background: none;
    font-size: 90%;
    justify-content: start;
  }

  .qn-switcher .uk-tab > .uk-active > a {
    font-weight: bold;
  }
}

/*Layout Sections < 1350px */
/*Padding Sections < 1350px */
@media screen and (max-width: 1350px) {
  .tm-page-container {
    padding: 40px 40px 0 40px;
    background-color: #f4f4f4;
  }
}

/*Padding Sections < 639px */
@media screen and (max-width: 639px) {
  .tm-page-container {
    padding: 25px 25px 0 25px;
    background-color: #f4f4f4;
  }
}

/*Shadow Sections*/
.uk-section-default .uk-section-primary {
  -webkit-box-shadow: 10px 10px 10px 10px #ccc,
    5px 5px 15px -6px rgba(201, 198, 198, 0);
  box-shadow: 0 10px 13px -7px #ccc, 5px 5px 15px -6px rgba(201, 198, 198, 0);
}

/*Section Primary Animation
.particles-js-canvas-el*/

/*Mobile Menu*/
.uk-offcanvas-bar .uk-nav-default > li > a {
  color: #2d2e33 !important;
}

.uk-offcanvas-bar .uk-nav-default .uk-nav-sub > li > a {
  color: rgb(138, 136, 136) !important;
}

.uk-offcanvas-close {
  color: rgb(138, 136, 136) !important;
}

.uk-offcanvas-bar .uk-nav-default > .uk-active > a {
  background-color: #f6f6f6;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}

.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a {
  color: rgb(138, 136, 136);
}

.uk-offcanvas-bar .uk-nav-default .uk-nav-sub > .uk-active > a,
.uk-offcanvas-bar
  .uk-nav-default
  .uk-nav-sub
  > .uk-active
  > ul
  > .uk-active
  > a,
.uk-offcanvas-bar .uk-nav-default > li > a:hover,
.uk-offcanvas-bar .uk-nav-default > li > a:active,
.uk-offcanvas-bar .uk-nav-default > li > a:focus,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:active,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus {
  color: var(--qn-color-blue) !important;
}

/* Language switcher */
.uk-navbar-left {
  width: 100%;
}

.qn-language-switcher {
  margin-left: auto;
}

div.mod-languages li {
  margin: 0;
  padding-left: 0;
}

div.mod-languages li:first-child {
  margin-right: 10px;
  padding-right: 8px;
  border-right: 2px solid rgba(var(--qn-color-blue-rgb), 0.6);
  line-height: 18px;
}

.mod-languages li > a {
  color: rgba(var(--qn-color-blue-rgb), 0.6) !important;
  padding: 0;
}

.mod-languages li:hover > a {
  color: var(--qn-color-blue) !important;
}

.mod-languages li.uk-active > a {
  color: var(--qn-color-blue) !important;
}

.mod-languages li.uk-active:hover > a {
  color: rgba(var(--qn-color-blue-rgb), 0.6) !important;
}

@media (min-width: 960px) {
  div.mod-languages li:first-child {
    border-right: 2px solid hsla(0, 0%, 100%, 0.6);
  }

  .mod-languages li > a {
    color: hsla(0, 0%, 100%, 0.6) !important;
  }

  .mod-languages li:hover > a {
    color: #fff !important;
  }

  .mod-languages li.uk-active > a {
    color: #fff !important;
  }

  .mod-languages li.uk-active:hover > a {
    color: hsla(0, 0%, 100%, 0.6) !important;
  }
}

.uk-button .uk-button-secondary:hover {
  background-color: #f4f4f4;
}

/* Footer navigation */
.qn-footer-subnav > .uk-subnav > .uk-active > a {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Forms */
.ba-alert-tooltip {
  display: none !important;
}

/*forms border > field required*/
.ba-alert .ba-field-container input[type="email"] {
  box-shadow: inset 0px 0px 0px
    calc(
      2px - var(--field-border-width) * var(--field-border-right) *
        var(--field-border-left) * var(--field-border-bottom) *
        var(--field-border-top)
    )
    #ec1a23;
  border-color: #ec1a23 !important;
}

.ba-form-page {
  padding-left: 0 !important;
  padding-right: 0 !important;
}