div#translate-wrap {
  /* background: #EDEDED; */
  height: 50px;
  /* width: 100%; */
  /* position: relative; */
}

div#translate-wrap a {
  color: #007ac2;
  text-decoration: underline;
  font-weight: bold;
}

div#translate-wrap div.translate-bar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* padding-left: 20px;
  padding-right: 20px; */
  flex-direction: row;
  background-color: #ededed;
  z-index: 500;
  position: absolute;
  width: 100%;
  height: 50px;
}

div#translate-wrap div.translate-bar .smt-selector {
  padding-left: 20px;
}

div#translate-wrap div.translate-bar .spanish-translation-link {
  display: flex;
}

div#translate-wrap div.translate-bar span.separator {
  margin: 0 22px;
  font-size: 29px;
}

div#translate-wrap div.translate-bar ul.smt-menu {
  display: flex;
  position: relative;
  margin: 0 0 0 0 !important;
  padding: 0 0 0 0 !important;
  list-style: none !important;
  z-index: 500;
  visibility: visible;
}

/* the name of language in trigger  */
div#translate-wrap div.translate-bar ul.smt-menu span.smt-lang {
  color: #000 !important;
  font: bold 16px 'Proxima Nova', sans-serif !important;
  text-transform: capitalize;
  padding: 10px 0;
}

div#translate-wrap div.translate-bar ul.smt-menu a.smt-trigger-link {
  background-color: #ededed !important;
  text-transform: capitalize !important;
  display: flex;
}

div#translate-wrap div.translate-bar ul.smt-menu a.smt-trigger-link:after {
  content: '\f078';
  margin-left: 10px;
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
}

div#translate-wrap div.translate-bar ul.smt-menu a.smt-trigger-link:before {
  content: '\f0ac';
  font-weight: 600;
  margin-right: 5px;
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
}

div#translate-wrap div.translate-bar ul.smt-menu a.smt-trigger-link.open:after {
  content: '\f077';
  margin-left: 10px;
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
}

div#translate-wrap div.translate-bar div#smt-lang-selector {
  display: flex !important;
  align-items: center;
  font-size: 16px !important;
  height: 35px;
}

/* container of menu items */
div#translate-wrap div.translate-bar ul.smt-menu ul {
  border: none;
  position: absolute !important;
  list-style: none !important;
  text-indent: none !important;
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
  width: 200px !important;
  top: 27px;
}

/* list items (includes trigger) */
div#translate-wrap ul.smt-menu li {
  /* margin: 0; */
  /* padding: 0 !important; */
  display: block !important;
  float: left !important;
  background-color: #f0f0f0;
}

/* item wrapper */
div#translate-wrap ul.smt-menu li.smt-item {
  float: none !important;
  display: block !important;
}

/* down arrow at end of trigger link */
div#translate-wrap ul.smt-menu li .smt-trigger-link .smt-downArrow {
  display: inline-block;
  height: 13px;
  width: 13px;
  background: url(../icons/bullet_arrow_down.png) no-repeat;
}

/* triggers has-layout for ie6 */
* html .smt-trigger-link,
div#translate-wrap .smt-link {
  display: inline-block;
}

/* styles trigger link */
div#translate-wrap ul.smt-menu a.smt-trigger-link {
  display: block !important;
  padding: 0px !important;
  text-decoration: none !important;
  font-family: 'Proxima Nova', sans-serif !important;
  font-size: 12px !important;
  color: #000 !important;
  cursor: pointer;
  border: 0px solid black;
}

/* styles item link tags */
div#translate-wrap a.smt-link {
  display: block !important;
  text-decoration: none !important;
  cursor: pointer;
  border: 0px solid black;
}

/* menu items */
div#translate-wrap ul.smt-menu li li a {
  background-color: #ededed;
  color: #000000;
  font-family: 'Proxima Nova', sans-serif !important;
  font-size: 16px;
  padding: 10px 7px 10px 44px;
}

/* hover state for menu items */
div#translate-wrap ul.smt-menu li li a:hover {
  background-color: #d0d0ce !important;
  color: #000000 !important;
}

/* the world "language" in trigger  */
div#translate-wrap ul.smt-menu span.smt-word {
  font-weight: normal !important;
  padding-right: 5px !important;
}

/* hover state for the world "language" in trigger */
div#translate-wrap ul.smt-menu li:hover span.smt-lang,
div#translate-wrap ul.smt-menu li.sfhover span.smt-lang {
  color: #000 !important;
}

/* footer translate styles */
@media all and (min-width: 0px) {
  .footer-translate {
    background-color: #333333;
    color: #fff;
    width: 100%;
    padding: 35px 0 100px;
    border-top: 2px #62666a solid;
    position: relative;
    z-index: 400;
  }

  .footer-translate .inside-wrap {
    display: block;
    max-width: 1360px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    position: relative;
  }

  .footer-translate .inside-wrap p {
    font-size: 16px;
    margin: 20px 0 0 0;
  }

  .footer-translate .inside-wrap .translation-menu {
    width: 100%;
  }

  .footer-translate .inside-wrap .translation-menu select {
    appearance: none;
    width: 100%;
    height: 50px;
    padding: 0 0 0 20px;
    font: bold 16px 'Proxima Nova', sans-serif !important;
    color: #fff!important;
    border: 2px solid #ffffff;
    background: url(../icons/angle-down-solid.svg) center right 20px/16px no-repeat #333333;
    margin: 20px auto 0;
  }

  .footer-translate .inside-wrap .translation-menu ul.smt-menu {
    padding-left: 0;
    margin: 0;
  }

  .footer-translate .inside-wrap .translation-menu ul.smt-menu li.smt-trigger {
    width: 100%;
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
  }

  /* disappear the current language link */
  .footer-translate .inside-wrap .translation-menu ul.smt-menu li.smt-trigger .smt-trigger-link {
    display: none;
  }

  .footer-translate h3 {
    margin-top: 0;
    font-size: 1em;
    margin-bottom: 16px;
    padding: 0;
  }

  .footer-translate h3 a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
  }

  .footer-translate h3 a:hover {
    color: #face00;
  }

  .footer-translate h3::before {
    content: '\f0ac';
    font-weight: 600;
    padding-left: 0em;
    margin-right: 10px;
    font-family: 'Font Awesome 5 Free';
    color: #fff;
  }

  .footer-translate .inside-wrap .translation-menu ul.smt-menu ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: 1em;
    width: 100% !important;
    padding-left: 0;
  }

  .footer-translate .inside-wrap .translation-menu ul.smt-menu ul li.smt-item {
    display: flex;
    flex: 0 50%;
    padding-top: 20px;
    padding-bottom: 0;
    /* mockup calls for 20px but site margins are 1em */
    padding-right: 16px;
  }

  .footer-translate .inside-wrap .translation-menu ul.smt-menu .translate-select-wrap,
  .footer-translate .inside-wrap .translation-menu ul.smt-menu select {
    display: block;
  }

  .footer-translate .inside-wrap .translation-menu label {
    display: none;
  }

  .footer-translate .inside-wrap .translation-menu ul.smt-menu ul li.smt-item span.separator {
    font-weight: 900;
  }

  .footer-translate .inside-wrap .translation-menu ul.smt-menu ul li a.smt-link {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
  }

  .footer-translate .inside-wrap .translation-menu ul.smt-menu ul li a.smt-link:hover {
    color: #face00;
  }

  .footer-translate .inside-wrap .translation-menu ul.smt-menu select select option[disabled] {
    display: none;
  }
}

@media all and (min-width: 540px) {
  .footer-translate {
    padding: 35px 0;
  }

  .footer-translate .inside-wrap .translation-menu select {
    width: 400px;
    margin: 20px 0 0 0;
  }
}

@media all and (min-width: 768px) {
  div#translate-wrap div.translate-bar .smt-selector {
    padding-left: 35px;
    padding-right: 35px;
  }

  .footer-translate .inside-wrap {
    padding-left: 35px;
    padding-right: 35px;
  }

  .footer-translate .inside-wrap p,
  .footer-translate .inside-wrap h3 {
    display: inline-block;
    margin-top: 0;
  }

  .footer-translate .inside-wrap p {
    font-size: 16px;
    margin-left: 20px;
  }

  .footer-translate .inside-wrap .translation-menu ul.smt-menu ul {
    display: flex !important;
  }

  .footer-translate .inside-wrap .translation-menu ul.smt-menu ul li.smt-item {
    flex: 0 25%;
  }

  .footer-translate .inside-wrap .translation-menu ul.smt-menu ul li a.smt-link {
    font-size: 16px;
  }

  .footer-translate .inside-wrap .translation-menu ul.smt-menu .translate-select-wrap,
  .footer-translate .inside-wrap .translation-menu ul.smt-menu select {
    display: none;
  }
}

@media all and (min-width: 1024px) {
  .footer-translate .inside-wrap .translation-menu ul.smt-menu ul li.smt-item {
    flex: 0 25%;
  }
}

@media all and (min-width: 1280px) {
  div#translate-wrap {
    height: 35px;
  }

  div#translate-wrap div.translate-bar {
    /* padding-left: 20px;
    padding-right: 20px; */
    height: 35px;
  }

  div#translate-wrap div.translate-bar .smt-selector {
    padding-left: 60px;
    padding-right: 20px;
  }

  .footer-translate .inside-wrap .translation-menu ul.smt-menu ul {
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
    max-width: 80%!important;
  }

  .footer-translate .inside-wrap .translation-menu ul.smt-menu ul li.smt-item {
    padding-top: 0;
}

  .footer-translate .inside-wrap .translation-menu ul.smt-menu ul li.smt-item {
    flex: unset;
  }

  .footer-translate .inside-wrap .translation-menu ul.smt-menu ul li:nth-child(12) {
    display: block;
  }
}