.arrow { margin-top: -15px }

a.download:link, a.download:visited, a.download:active {  color:#F04D22; font-size: 14px; text-decoration: none; border-bottom: 1px solid #F04D22 }
a.download:hover { color: #2E4B71; font-size: 14px; text-decoration: none; border-bottom: 1px solid white; }

.journalcover {
width: 95%; overflow:auto; background-color: #e7e7e8; padding: 15px 20px 10px 20px; border-radius: 8px; margin-bottom: 5px;
}

.journalcovercontent {
 width: 530px;	
}
.journalcovercontent2 {
 width: 100%;	
}
.coverbyline {
margin-top: -17px; color: #666; font-weight: bold; font-size: 12px;
}

.dropdown:not(.nav-item.dropdown):not(.dropdown.more-services) { font-size: 16px; background-color: #F1F4F5; color:#0D1E2F; padding: 6px; border: 1px solid #CCC }

.byline {
font-weight: bold; font-size: 14px; color: #444; margin-top: -20px;	
}

.hardrule {background-color: #b2b3b6; margin-top: -16px;}

h3.title { margin-bottom: 5px; font-size: 20px; margin-top: 0px; }

.intro { font-size: 16px; line-height: 20px; margin-bottom: 0px; }

.journalcoverdescription { margin-top: -12px; line-height: 18px; font-size: 14px; }
.journalcoverimg { margin-top: 17px;}
.journaltoc { width: 700px; margin-left: 20px;}
.tocdescription { margin-top: -20px; line-height: 18px; font-size: 14px; }
.journalissue { width:600px; }

.journalcoverhover a:link, .journalcoverhover a:visited, .journalcoverhover a:active { border: 10px solid #e7e7e7; }
.journalcoverhover a:hover  { border: 10px solid red; }

.orangesub {margin-top: 10px; font-size: 16px; font-weight: bold; color: #f04e23}

.authorcircle {object-fit: cover; border-radius: 50%; border: 1px solid #cacaca; float: left; margin-left: 20px;}

.editorsnote {  
  padding: 15px 20px 10px 20px;
  }

.left { align:left; }
.right { align:right; }	

.thumbnail { margin-top: 5px; margin-bottom: 15px; object-fit: cover; border: 1px solid #cacaca }

.ui.cards>.card {
	width:250px !important;
}
#content {
	overflow: initial !important;
}
.datetime{
	padding:8px;
	background-color: black;
}
.date{
	color:white;
	font-weight: bold;
}
.time{
	color:white;
	margin-top:-5px;
}
.eventcontext {
	padding:8px;
	float: left;
}
.eventtitle{
	font-weight: bold;
	font-size:18px;
}
.presentedby{
	color:gray;
	margin-top:-5px;
}
.register{
	 text-transform: uppercase;
}
.webinar{
	width: 33%;
	float:left;
	position: relative;
	height:430px;

}
.linkbutton{
	background-color: black;
	color: white;
	padding: 10px 18px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 10px;
}
.linkbutton:hover{
	background-color: gray;
	color: black;

}

.videos img {
  width:350px; 
  height: 185px;
}
a.video {
  float: left;
  position: relative;
}
a.video span {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("/include/media/play-button.png") no-repeat;
  background-position: 50% 50%;
  background-size: 25%;
}
@media screen and (max-width: 480px) {
  a.video span {
    background-size: 400%;
  }
}
.eventbuttons {
	position: absolute;
  	bottom: 0;
}