/* Custom CSS */

/* Header */
.site-header {
  background-color: #fff;
}

/* Responsive video embeds */
.video-embed,
.responsive-video {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0;
  padding: 0;
}

.video-embed iframe,
.responsive-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
}

/* Main menu links */
.genesis-nav-menu a,
.agency-pro-blue .genesis-nav-menu a {
  color: #333;
}

/* Desktop hover/current */
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.agency-pro-blue .genesis-nav-menu a:hover,
.agency-pro-blue .genesis-nav-menu .current-menu-item > a,
.agency-pro-blue .genesis-nav-menu .sub-menu .current-menu-item > a {
  color: #0cc4c6;
}

/* Mobile menu icon */
.responsive-menu-icon::before {
  color: #333;
}

/* Sub-menu links */
.genesis-nav-menu .sub-menu a,
.agency-pro-blue .genesis-nav-menu .sub-menu a {
  color: #333;
  background-color: #fff;
}

/* Sub-menu hover */
.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a,
.agency-pro-blue .genesis-nav-menu .sub-menu a:hover,
.agency-pro-blue .genesis-nav-menu .sub-menu .current-menu-item > a {
  color: #0cc4c6;
  background-color: #fff;
}

/* Other theme links/buttons */
.agency-pro-blue .archive-pagination li a:hover,
.agency-pro-blue .archive-pagination li.active a,
.agency-pro-blue .breadcrumb a,
.agency-pro-blue .home-top a:hover,
.agency-pro-blue .site-title a,
.agency-pro-blue a:hover.button,
.agency-pro-blue a.button {
  color: #333;
}

a.button.nice-button {
  color: #fff;
}

div.table-responsive {
  text-align: center;
}

/* Mobile responsive menu */
@media only screen and (max-width: 680px) {
  .genesis-nav-menu.responsive-menu,
  .genesis-nav-menu.responsive-menu .menu-item,
  .genesis-nav-menu.responsive-menu a,
  .agency-pro-blue .genesis-nav-menu.responsive-menu a {
    background-color: #fff !important;
    color: #333 !important;
  }

  .genesis-nav-menu.responsive-menu a:hover,
  .genesis-nav-menu.responsive-menu .current-menu-item > a,
  .genesis-nav-menu.responsive-menu .sub-menu a:hover,
  .agency-pro-blue .genesis-nav-menu.responsive-menu a:hover,
  .agency-pro-blue .genesis-nav-menu.responsive-menu .current-menu-item > a,
  .agency-pro-blue .genesis-nav-menu.responsive-menu .sub-menu a:hover {
    background-color: #fff !important;
    color: #0cc4c6 !important;
  }

  .responsive-menu-icon::before {
    color: #333 !important;
  }
}