/**
 * This is a custom theme css file. You can write whatever you want here
 * but realize you'll need to play by the rules of shadow dom. Meaning,
 * that if something is in a shadow root you won't be able to style it.
 *
 * There is hope though. We leverage CSS variables heavily and most of the
 * elements we have baked in do too.
 */

/* Removes margin from HAXcms Blank Theme */
haxcms-blank-theme {
  margin: 0; 
}

/* Provides styling for course-header & course-footer branding */

@media screen and (min-width: 320px) {
  #company-logo img {
    height: 70px;
  }
}

@media screen and (min-width: 620px) {
  #company-logo img {
    height: 80px;
  }
}

@media screen and (min-width: 920px) {
  #company-logo img {
    height: 100px;
  }
}

@media screen and (min-width: 1120px) {
  #company-logo img {
    height: 120px;
  }
}

@media screen and (min-width: 320px) {
  #organization-logo img {
    height: 70px;
  }
}

@media screen and (min-width: 620px) {
  #organization-logo img {
    height: 80px;
  }
}

@media screen and (min-width: 920px) {
  #organization-logo img {
    height: 100px;
  }
}

@media screen and (min-width: 1120px) {
  #organization-logo img {
    height: 120px;
  }
}

@media screen and (min-width: 320px) {
  svg#psu-logo {
    width: 45px;
    height: 45px;
    padding: 10px 0 0 10px;
  }
}

@media screen and (min-width: 620px) {
  svg#psu-logo {
    width: 55px;
    height: 55px;
    padding: 12px 0 0 12px;
  }
}

@media screen and (min-width: 920px) {
  svg#psu-logo {
    width: 80px;
    height: 80px;
    padding: 15px 0 0 15px;
  }
}