/* Active page in the header menu uses the same color/state as hover. */
body > .row4 > .row3 nav > ul > li > a:hover,
body > .row4 > .row3 nav > ul > li.active > a,
body > .row4 > .row3 nav > ul > li.current-menu-item > a,
body > .row4 > .row3 nav > ul > li.wi-current-page > a,
body > .row4 > .row3 nav > ul > li > a.wi-current-page,
body > .row4 > .row3 nav > ul > li.wi-header-current-title-active > a,
body > .row4 > .row3 nav > ul > li > a.wi-header-current-title-active {
  color:#d3a354!important;
  border-bottom-color:#d3a354!important;
  text-decoration:none!important;
}

@media only screen and (min-width:990px) {
  body > .row4 > .row3 nav > ul > li > a:hover,
  body > .row4 > .row3 nav > ul > li.active > a,
  body > .row4 > .row3 nav > ul > li.current-menu-item > a,
  body > .row4 > .row3 nav > ul > li.wi-current-page > a,
  body > .row4 > .row3 nav > ul > li > a.wi-current-page,
  body > .row4 > .row3 nav > ul > li.wi-header-current-title-active > a,
  body > .row4 > .row3 nav > ul > li > a.wi-header-current-title-active {
    color:#d3a354!important;
    border-bottom:2px solid #d3a354!important;
  }
}

@media only screen and (max-width:989.98px) {
  body > .row4 > .row3 nav > ul > li > a:hover,
  body > .row4 > .row3 nav > ul > li.active > a,
  body > .row4 > .row3 nav > ul > li.current-menu-item > a,
  body > .row4 > .row3 nav > ul > li.wi-current-page > a,
  body > .row4 > .row3 nav > ul > li > a.wi-current-page,
  body > .row4 > .row3 nav > ul > li.wi-header-current-title-active > a,
  body > .row4 > .row3 nav > ul > li > a.wi-header-current-title-active {
    color:#d3a354!important;
    background:#ffffff!important;
    box-shadow:none!important;
    outline:none!important;
  }
}