/* -----------------------------------------------
Journal local stylesheet.
Author:   David Stienstra
Version:  March 2018
PLEASE SAVE THIS FILE LOCALLY!
----------------------------------------------- */


/* ---------------- Header ---------------- */

#student_symposium #header {
	position: relative;  /* needed for logo positioning */
  height: auto !important; /* !important overrides mbl styling */
}

#student_symposium #banner_image {
	display: block;
	width: 980px !important;
	height: auto !important;  /* avoids warping improperly sized header image / SUP-19994 */
}

#student_symposium #banner_link { line-height: 0; } /* removes header/nav gap in mbl */

#student_symposium #header a#banner_link:focus img,
#student_symposium #header a#logo_link:focus img {
  outline: 1px dashed #000;
}

	/* --- Logo --- */

#student_symposium #logo_image { /* include an image for accessibility */
	position: absolute !important; /* !important overrides mbl styling */
	top: 0;
	left: 0;  /* change to "left:" for left aligned logo */
	width: 27.9591836734% !important;  /* 240 / 980 */
	height: auto;
}

#student_symposium #navigation #tabs a {
  text-transform: uppercase;
}

/* ---------------- Mobile ---------------- */
.mbl #student_symposium {
    margin-top: 0; }
.mbl #navigation #tabs {
    display: none;
}
header#mobile-nav {
    font-size: 0;
    line-height: 0; }
.mbl #student_symposium #header,
.mbl #student_symposium #header a img,
.mbl #student_symposium #navigation {
    width: 100% !important;
}
.mbl #student_symposium #header #logo_image {
    position: absolute !important; /* !important overrides mbl styling */
    top: 0;
    left: 0;  /* change to "right:" for right aligned logo */
    width: 27.9591836734% !important;  /* 240 / 980 */
    height: auto !important; /* Important avoides DC assigning incorrect height to logo image */
}