/* allows logo widget width to modify image size */
header .header-full .logo_container .widgetlogo a.logo img { max-height: initial !important; }
.popcat-hide-nav .link-wrapper { visibility: hidden; }
.popcat-hide-nav .nav-wrapper { display: none; }

/* res-width = increases side space when screen size increases */
.res-width { width: 100%; margin: 0 auto; }
@media (max-width: 991px) { .res-width { margin: 1rem auto; } }
@media (min-width: 992px) { .res-width { width: 80%; } }

.headerrunningbar {
  background: #12392e !important;
}

.copyright_container {
    font-size: 1em;
    text-align: center;
}

.contactformchanges {
    border: solid 1px #eaeaea;
    padding: 20px;
}

.contactformchanges .catalog-grid h2 {
  padding-bottom: 20px !important;
}


label {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 12px;
    margin-top: 12px;
}

.pagesbutton {
    font-family: inherit !important;
    line-height: inherit !important;
    padding: 10px 40px !important;
    color: #fff !important;
    background: #11392e !important;
   border: #11392e 3px solid !important;
  width: 100% !important;
}

.pagesbutton:hover {
      color: #11392e !important;
    background: #fff !important;
 border: #11392e 3px solid !important;
}

nav.menu .catalog-block ul.catalog > li > a:hover {
    color: #f4a235 !important; /* replace with your hover color */
}