.issue {
	font-family: proxima-nova,sans-serif;
	font-style: normal;
	font-weight: 400;
}

.issue.mobile {
    margin-bottom: 1em;
}

.issue.desktop.title, .issue.mobile .title {
    position: relative;
	background-color: #a93223;
	color: white;
}

.issue.desktop.title {
	font-size: calc(5px + .9vw);
}

.issue.mobile .title {
	text-align: center;
}

.issue.mobile .title .text {
	font-size: calc(3vw + 1.1vmax);
}

.issue.desktop .subtitle {
	font-size: calc(8px + .45vw);
}

.issue.mobile .subtitle {
	font-size: calc(1.5vw + .6vmax);
}

.issue.desktop .subtitle > .number {
	position: absolute;
    right: 0;
    bottom: 0;
}

.issue.desktop .subtitle > .number > * {
	display: table-cell;
    vertical-align: top;
}

.issue.desktop.dropdown {
	display: block;
	margin: 0 8px;
	padding: 12px 0;
	border-bottom: 2px #a2aaad solid;
}

.issue.mobile .dropdown {
	margin-top: 0.5em;
}

.issue.desktop.dropdown, .issue.desktop.dropdown > select {
	font-size: calc(8px + .45vw);
}

.issue .grouptitle {
	margin: 12px 0;
	color: #a93223;
}

.issue.mobile .grouptitle {
	text-align: center;
}

.issue.content {
	height: 100%;
	max-height: 100%;
	overflow-y: hidden;
}

.issue.desktop .grouptitle > .text {
	font-family: nimbus-roman,serif;
	font-size: calc(5px + .8vw);
}

.issue.mobile .grouptitle > .text {
	font-size: calc(7px + 1.1vw);
    background-color: white;
    padding: 0 2em;
    display: inline;
}

.issue .grouptitle > .line {
    border-bottom: 2px #a2aaad solid;
    height: 0;
}

.issue.mobile .grouptitle > .line {
    margin-top: -.75em;
}

.issue table {
	background-color: #a93223;
    width: 100%;
    border-spacing: 0;
    color: white;
    font-size: calc(5px + .9vw);
    table-layout: fixed;
}

.issue.desktop table {
    font-size: calc(5px + .9vw);
}

.issue.mobile table {
    font-size: calc(10px + 1.8vw);
}

.issue table td {
	padding : 0;
}

.issue.mobile table td#left{
    width: 5%;
}

.issue.desktop table td#left{
    width: 3%;
}

.issue table td#logo{
    width: 15%;
    position: relative;
    background: white;
}

.issue.mobile table td#logo{
    width: 20%;
}

.issue table td#logo > div {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.5em;
    right: 0.5em;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
/* IE requires explicit height to get background image shown*/
    .issue table td#logo > div {
        height : 2.8em;
    }
}


.issue table td#header {
    padding: 8px 0 8px 2em;
    text-align: left;
}

.issue table td#header.archive {
    text-align: left;
}

.issue.desktop table td#header {
    width: 60%;
}

.issue.mobile table td#header {
    padding: 0.5em;
}

.issue td#header > div#header1 {
	font-size : 1em;
    margin-bottom : 0.4em;
}

.issue td#header > div#header2 {
	font-size : 0.9em;
}

.issue.mobile td#header > div#header2 {
    font-size : 0.8em;
}

.issue td#header > div#arrow {
	text-align : center;
    padding-bottom : 0.3em;
}

.issue .alert_button.send_off::before {
    display: inline-block;
    content: url(../images/heart_white.svg);
    vertical-align: middle;
}

.issue .alert_button.send_off::after {
    content: 'Send Alerts';
}

.issue .alert_button.send_on::before {
    display: inline-block;
    content: url(../images/heart_white_filled.svg);
    vertical-align: middle;
}

.issue .alert_button.send_on::after {
    content: 'Saved';
}

.issue .alert_button.send_updating::before {
    display: inline-block;
    content: url(../images/heart_white.svg);
    vertical-align: middle;
}

.issue .alert_button.send_updating::after {
    content: 'Updating ...';
}

.alert_button {
    position: absolute;
    font-family: proxima-nova,sans-serif;
    font-style: normal;
    font-weight: 400;
    color: white;
    white-space: nowrap;
    cursor: pointer;
}

.issue > .alert_button.send_updating {
    cursor: default;
}

.issue.desktop > .alert_button {
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    padding: 4px 8px 2px 4px;
    border: 1px solid white;
    border-radius: 2em;
    font-size: 16px;
}

.issue.mobile .title > .alert_button {
    top: .75em;
    right: .75em;
    padding: .25em 1em .125em .25em;
    border: 1px solid white;
    border-radius: 2em;
    font-size: .75em;
}

@media (max-width: 350px) {
    .issue.mobile .title > .alert_button {
        padding: .125em .5em 0 0;
    }
}