/* 
   This file overrides all the others 
*/

/* This hides unneeded sections on the category 
	view page (main Newsletters page). Even though
	they are disabled, they still display. So this
	was added to hide them. */
#pdCategoryModal, #phModalPlay, #phModalPreview {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}

/* This adds space enough to the 
	rows of newsletters */
.pd-row2-bp {
    padding-bottom:48px;
}

/* This fixes the display of the back 
button on each of the newsletter pages.*/
.ph-top a{
    visibility: hidden;
    position: relative;
}
.ph-top a:before {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Back";
	display: block;
    background: url("/images/phocadownload/back.png") no-repeat left center;
	line-height:48px;
	padding-left:50px;
}
.ph-top {
	padding-bottom:24px;
}

/* This fixes the display of 
	the number of files for each
	category on the main 
	Newsletters page.*/
div.card-footer > small {
   	visibility: hidden;
	position: relative;
}
div.card-footer > small > span:nth-child(2) {
	visibility: visible;
}

/* This adds the folder image before 
	the category name (year) on the
	main newsletters page */
.card-title > a {
    display: block;
    background: url("/images/phocadownload/folder.png") no-repeat left center;
	line-height: 48px;
	padding-left:50px;	
}

/* This adds the bottom border to the list
	of categories on the main newsletters page
	as well as puts the number of files in the 
	category on the same line as the link to the 
	category files */
.card {
	border-bottom: 1px solid #e9e9e9;
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;
	align-content:stretch;
}

/*This adds formatting for the download button*/
div.pd-button-box-bt a { 
    background-color:#ef7d00;
    border: 0;
    border-radius:0.313em;
    background-image: -webkit-linear-gradient(top, #ffaa56, #ef7d00);
    box-shadow:0px 0.313em 0px #223955, 0px 0.5em 0.313em rgba(0,0,0,0.3);
    display:block;
    color:white !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    line-height:2em;
    padding: 0em 2em;
}
div.pd-button-box-bt a:hover { 
    top: 0.188em;
    background:#ef7d00;
    box-shadow:0px 0.125em 0px #223955, 0px 0.25em 0.188em rgba(0,0,0,0.3);
}