header .container {
  background-image: url("https://donkirkham.github.io/dkcom/img/header/PV_Sunset.jpg");
}

.hidden {
	display: none;
}

.logo__title {
	color: #003d69;
}

.logo__tagline {
	color: #441f00;
}

body .container {
  max-width: 1250px;
}

.content h4 {
  margin-bottom: 0.25rem;
}

.content hr {
  margin: 0;
}

.code {
  font-weight: 900;
  color: #0073c6;
  font-style: italic;
  font-size: 1.1em;
}

.disqus-footer__wrapper {
  display: none;
}

.header-badge {
  float: right;
  height: 70px;
  margin-top: -5px;
}

.badge {
  float: left;
  max-width: 33%;
  /* max-height: 200px; */
  margin-bottom: 25px;
}

.widget-badges .badge.desktop-only {
  float: none;
  max-width: 100%;
}

.badge-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  width: 100%;
}

.badge-grid-item {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain;
}

.pnp {
    height: 85px;
    margin-top: -10px;}

.mvp {
	margin-right:10px;
	height: 113px;
	margin-top: -20px;
}

.spfx-advisory {
	height: 113px;
	margin-top: -20px;
}
 
/* medium+ screen sizes */
@media (min-width:992px) {
    .desktop-only {
        display:block !important;
    }
}
 
/* small screen sizes */
@media (max-width: 991px) {
    .mobile-only {
        display:block !important;
    }
 
    .desktop-only {
        display:none !important;
    }
}

.copy-code-button {
    color: #272822;
    background-color: #FFF;
    border-color: #272822;
    border: 2px solid;
    border-radius: 3px 3px 0px 0px;

    /* right-align */
    display: block;
    margin-left: auto;
    margin-right: -20px;

    margin-bottom: -20px;
    padding: 3px 8px;
    font-size: 0.8em;
    float: right;
}

.copy-code-button:hover {
    cursor: pointer;
    background-color: #F2F2F2;
    display: block;
}

.copy-code-button:focus {
    /* Avoid an ugly focus outline on click in Chrome,
       but darken the button for accessibility.
       See https://stackoverflow.com/a/25298082/1481479 */
    background-color: #E6E6E6;
    outline: 0;
}

.copy-code-button:active {
    background-color: #D9D9D9;
}

.highlight pre {
    /* Avoid pushing up the copy buttons. */
    margin: 0;
}