/* 
Styles added to this sheet will affect the Advanced Pages of the ASM Journals hosted on HighWire

6-20-2018
*/


/* Override JCore styles */
body.node-type-advanced-page blockquote {
	background-color: #f8f8f8;
	border-left: 2px solid #afc0d2;
	text-align: left;
	font-weight: normal;
}
body.node-type-advanced-page table {
	color: #000;
}


body.node-type-advanced-page .stats {
	background: #f6f6f6;
	padding: 25px;
}
body.node-type-advanced-page .stats ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
body.node-type-advanced-page .stats li {
	display: inline-block;
	width: 24%;
	vertical-align: top;
}
body.node-type-advanced-page .stat-number {
    font-size: 60px!important;
    color: #A11700!important;
	line-height: normal;
}
body.node-type-advanced-page .stat-label {
	font-weight: bold;
	font-size: 20px!important;
	margin-bottom: 0;
	padding: 0 20px;
}
body.node-type-advanced-page .testimonial {
	background: #6B6B6B;
	padding: 20px;
	text-align: center;
	color: #FFF;
	font-size: 1.3em;
}
body.node-type-advanced-page .heading-bg-gray {
	color: #9f1907;
	background: #f6f6f6;
	padding: 15px 20px;
	margin: 0;
}
body.node-type-advanced-page ul.journal-list {
	list-style: none;
	margin: 0 0 40px 0;
	padding: 0;
}
body.node-type-advanced-page ul.journal-list > li {
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
	overflow: auto;
}
body.node-type-advanced-page ul.journal-list > li:last-child {
	border-bottom: none;
}
body.node-type-advanced-page ul.journal-list img {
    float: left;
    margin: 0 20px 20px 0;
}
body.node-type-advanced-page ul.journal-list h3 {
    color: #9f1907;
	font-size: 1.5em;
	margin-top: 0;
}
body.node-type-advanced-page ul.journal-list h3 > a {
	font-weight: bold;
	margin-top: 0;
}
body.node-type-advanced-page ul.choose-actions {
	list-style: none;
	margin: 0;
	padding: 0 !important;
}
body.node-type-advanced-page ul.choose-actions > li {
	display: inline;
	margin-right: 20px;
}
body.node-type-advanced-page .twothirds-centered {
	max-width: 70%;
	margin: 0 auto;
}
body.node-type-advanced-page .twothirds-centered h3 {
	color: #9f1907;
	font-size: 1.2em;
}
body.node-type-advanced-page .splash-why-publish p {
	font-size: 24px;
	line-height: normal;
	font-weight: bold; 
	color: #FFF;
	margin: 0;
}
body.node-type-advanced-page .box-gray {
	background: #F6F6F6;
	padding: 30px;
	text-align: center;
}
body.node-type-advanced-page .box-gray h2 {
	color: #9F1907;
	margin-bottom: 40px;
}

/* 3 column grid */
body.node-type-advanced-page .grid-3-col { 
	margin: 0; 
	padding: 0 !important; 
	list-style: none;
	width: 100%; 
}
body.node-type-advanced-page .grid-3-col li { 
	text-align: center;
	margin-bottom: 60px;
	display: inline-block;
	vertical-align: top;
	width: 33%;
}
body.node-type-advanced-page .grid-3-col li img { 
	margin-bottom: 20px; 
}
body.node-type-advanced-page .grid-3-col li p { 
	font-size: 18px;
	line-height: normal; 
}

/* 2 column grid */
body.node-type-advanced-page .grid-2-col { 
	margin: 0; 
	padding: 0 !important; 
	list-style: none;
	width: 100%; 
}
body.node-type-advanced-page .grid-2-col li { 
	text-align: center; 
	flex: 1;
	margin-bottom: 60px;
	display: inline-block;
	vertical-align: top;
	width: 49%;
}
body.node-type-advanced-page .grid-2-col.narrow li { 
	padding: 0 70px; 
	width: 36%;
}
body.node-type-advanced-page .grid-2-col li h2 {
	color: #9F1907;
}
body.node-type-advanced-page .grid-2-col li img { 
	margin-bottom: 20px; 
}
body.node-type-advanced-page .grid-2-col li p { 
	font-size: 18px;
	line-height: normal; 
}

/* 2 Column list */
body.node-type-advanced-page ul.list-2col {
    margin: 0;
    padding: 0;
    list-style: none;
}
body.node-type-advanced-page ul.list-2col > li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

body.node-type-advanced-page .choose-journal-centered {
	width: 40%;
	margin: 0 auto;
	font-size: 24px;
	line-height: normal;
}
body.node-type-advanced-page .choose-journal-centered img {
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle;
}
body.node-type-advanced-page .choose-journal-centered a {
    display: inline-block;
    vertical-align: middle;
    width: 280px;
}


@media (max-width: 767px) {
	body.node-type-advanced-page .stats ul { text-align: left; }
	body.node-type-advanced-page .stats li { display: block; width: 100%; margin-bottom: 20px !important; }
	body.node-type-advanced-page .stat-number { font-size: 40px!important; display: inline; }
	body.node-type-advanced-page .stat-label { padding: 0; display: inline; }
	body.node-type-advanced-page .grid-3-col li { width: 49%; }
	body.node-type-advanced-page .splash-why-publish { padding: 51px 30px 50px 40%; }
	body.node-type-advanced-page .choose-journal-centered { width: 80%; }
	body.node-type-advanced-page .grid-2-col.narrow li { width: 32%;	}
	body.node-type-advanced-page .twothirds-centered { width: 100%; }
	body.node-type-advanced-page ul.list-2col > li { width: 100%; }
}
@media (max-width: 480px) {
	body.node-type-advanced-page.grid-3-col li, 
	body.node-type-advanced-page .grid-2-col li { width: 100%; }
	body.node-type-advanced-page .splash-why-publish { padding: 30px; }
	body.node-type-advanced-page .choose-journal-centered { width: 100%; text-align: center; }
	body.node-type-advanced-page .choose-journal-centered img { margin-bottom: 20px; margin-right: 0; }
	body.node-type-advanced-page ul.journal-list img { float: none; margin: 0 0 20px 0; }
	body.node-type-advanced-page ul.choose-actions > li { display: block; margin-right: 0px; margin-bottom: 3px; }
}