/* desktop-fixes.css */
/* DESKTOP ONLY OVERRIDES */
@media (min-width: 992px) {

	/* Sidebar spacing (desktop only) */
	@media (min-width: 992px) {
	  #sidebar-nav{
	    margin-top: 0 !important;
	    top: 100px !important;
	  }
	}

  /* Hero should size to its content on desktop */
  section.jamdown-hero {
    min-height: auto !important;
    height: auto !important;
    padding-bottom: 40px !important;
  }

  /* Hero media container controls the crop */
  .jamdown-hero-image {
    height: auto !important;
  }

  .jamdown-hero-media {
    width: 520px !important;
    height: 520px !important;
    overflow: hidden !important; /* keep the circle/box clean */
  }

  .jamdown-hero-media img[src*="background2.jpg"] {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: right center !important;

    transform: scale(2.0) !important; /* globe bigger */
    transform-origin: right center !important;
    display: block !important;
  }

}

/* Banner hidden on mobile */
.desktop-bottom-banner { display: none; }

@media (min-width: 992px) {

  /* Kill extra bottom space before the banner (especially on music.html) */
  main#col-main,
  .dashboard-container,
  .progression-studios-dashboard-container-padding {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Tight banner spacing */
  .desktop-bottom-banner{
    display: block;
    text-align: center;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }

  .desktop-bottom-banner img{
    max-width: 800px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto !important;
  }
}

@media (min-width: 992px) {

  /* MUSIC page only: remove bottom gap */
  main.music-page{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  main.music-page > *:last-child{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .desktop-bottom-banner{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

@media (min-width: 992px) {
  body.has-side-nav .site-footer {
    margin-left: 200px !important;
    width: calc(100% - 260px) !important;
  }
}