/*
--------------------------------------------------------------------------------------

    Logo
    theme.logo.css

--------------------------------------------------------------------------------------
*/

.ou-theme #ou-header a.ou-logo img {
  display: none;
}

.ou-theme #ou-header a.ou-logo {
  display: block;
  height: 61px;
  width: 87px;
  background-image: url(logos/ou-logo-light-blue.png);
  background-position: top left;
  background-repeat: no-repeat;
}

.ou-theme--dark-green #ou-header a.ou-logo {
  background-image: url(logos/ou-logo-dark-green.png);
}
.ou-theme--burgundy #ou-header a.ou-logo {
  background-image: url(logos/ou-logo-burgundy.png);
}
.ou-theme--orange #ou-header a.ou-logo {
  background-image: url(logos/ou-logo-orange.png);
}
.ou-theme--purple #ou-header a.ou-logo {
  background-image: url(logos/ou-logo-purple.png);
}
.ou-theme--blue #ou-header a.ou-logo {
  background-image: url(logos/ou-logo-blue.png);
}

@media only screen and (max-width: 767px),
  screen and (max-device-width: 767px) {
  /* shield */

  .ou-theme #ou-header a.ou-logo {
    width: 21px !important;
    height: 25px !important;
    background-image: url(logos/ou-logo-mobile.png);
    background-color: transparent;
  }

  .ou-theme #ou-header a.ou-logo:hover {
    background-position: bottom left;
  }

  /* themes */

  .ou-theme .ou-sections a.ou-selected,
  .ou-theme .ou-sections a.ou-selected:hover {
    border-bottom: 0;
  }
} /* end media query */

/* tablet, desktop */

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px),
  only screen and (-o-min-device-pixel-ratio: 13/10) and (min-width: 768px),
  only screen and (min-resolution: 192dpi) and (min-width: 768px) {
  .ou-theme #ou-header a.ou-logo {
    background-size: 87px 61px;
  }

  .ou-theme #ou-header a.ou-logo {
    background-image: url(logos/ou-logo-light-blue@2x.png);
  }
  .ou-theme--dark-green #ou-header a.ou-logo {
    background-image: url(logos/ou-logo-dark-green@2x.png);
  }
  .ou-theme--burgundy #ou-header a.ou-logo {
    background-image: url(logos/ou-logo-burgundy@2x.png);
  }
  .ou-theme--orange #ou-header a.ou-logo {
    background-image: url(logos/ou-logo-orange@2x.png);
  }
  .ou-theme--purple #ou-header a.ou-logo {
    background-image: url(logos/ou-logo-purple@2x.png);
  }
  .ou-theme--blue #ou-header a.ou-logo {
    background-image: url(logos/ou-logo-blue@2x.png);
  }
} /* end media query */

/* mobile */

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px),
  only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 767px),
  only screen and (min-resolution: 192dpi) and (max-width: 767px) {
  .ou-theme #ou-header a.ou-logo {
    background-size: 21px 50px;
    background-image: url(logos/ou-logo-mobile@2x.png);
  }
} /* end media query */