﻿#homeBanner{
	background:url('https://www.jpandadyson.com/firstwriter/images/coverShot_progressive.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;	
}

#marketStickerWrap{
	top:180px;
	right:10%;
}

.underline{
	text-decoration:underline;
}

.agentCard{
	background-image:url('https://www.firstwriter.com/images/agentIcon.png');
	background-color:#800000 !IMPORTANT;		
}

.pubCard{
	background-image:url('https://www.firstwriter.com/images/pubIcon.png');
	background-color: #1B536D !IMPORTANT;		
}

.compCard{
	background-image:url('https://www.firstwriter.com/images/compIcon.png');
	background-color:#319ACE !IMPORTANT;	
}

.magCard{
	background-image:url('https://www.firstwriter.com/images/magIcon.png');
	background-color: #660066 !IMPORTANT;	
}

.listingsCard{
	background-image:url('https://www.firstwriter.com/images/starIcon.png');
}

.flexCard.updateCard{
	padding:1px 1px 1px 100px;
	min-height:80px;
	background-size:60px;
}

.iconCardInner{
	background:rgba(255,255,255,0.8);
	color:black;
	height:100%;
	padding:10px;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

#listingTotals{
	padding:40px 10%;
	text-align:center;
}

#numberMarkets{
    font-family: Century Gothic, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: lighter;
    font-size: 30px;
    margin-bottom: 40px;
    color: #787878;
    display: block;
}

#totalUpdates{
    font-family: Century Gothic, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: lighter;
    font-size: 20px;
    margin-top: 45px;
    margin-bottom: 5px;
    color: #787878;	
}

@media screen and (min-width: 1400px){
	#listingTotals{
		background:url('subscribe/images/bottom_left_corner.png') left bottom no-repeat, url('subscribe/images/bottom_right_corner.png') right bottom no-repeat;
		padding:40px 225px;
		min-height:235px;
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
	
	#numberMarkets{
	    font-size: 40px;
	    margin-bottom: 40px;
	    margin-top:-40px;
	}
	
	#totalUpdates{
	    font-size: 30px;
	    margin-top: 0px;
	    margin-bottom: 0px;
	}
	
}

.updateTitle span{
	color:blue;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}

.updateDate{
	font-style:italic;
	opacity:0.8;
}

.flexCard.newsCard{
	background-size:cover;
	background-position:center 30%;
	position:relative;
	padding:0px;
}

.newsImage{
	width:100%;
	height:100%;
	background-position:center 30%;
	background-repeat:no-repeat;
	background-size:cover;
}

.newsCardInner{
	height:100%;
	background-color:rgba(255,255,255,0.5);
	background-position:center 30%;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	width:calc(100% - 100px);
}

.newsCardContent{
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8);
}

.flexPanel .moreLink{
    font-family: Century Gothic, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 20px;	
    text-align:right;
    margin:10px;
    background:gainsboro;
    padding:10px;
}

.flexPanel .moreLink a{
    text-decoration:none;
    color:#4A4A4A;
}

.flexPanel .moreLink a:hover{
	text-decoration:underline;
}
