/* =========== Article Fade - Read More ========================= */ 

article + [data-readmore-toggle] {
	margin-bottom: 30px;
    padding-bottom: 10px;	
    margin-top: 10px;
    font-weight: bold;
    line-height: 2;	
	text-decoration: none;
}
article + [data-readmore-toggle]:hover {
	text-decoration: none !important;	
}
article[aria-expanded="false"] + [data-readmore-toggle]:before {
	content:"\e259";
	margin-right: 10px;
	font-family: 'Glyphicons Halflings';
}
article[aria-expanded="true"] + [data-readmore-toggle]:before {
	content:"\e260";
	margin-right: 10px;
	font-family: 'Glyphicons Halflings';
}
article.readmore {
	padding-bottom: 20px;
	position: relative;
}
article.readmore {
	max-height: 200px;
	overflow: hidden;
}
button.fadeout {
    border: none;
    margin-top: -15px;
    display: block;
    height: 30px;
    width: 100%;
    padding: 0 !important;
    line-height: 30px;
    z-index: 10;
    position: relative;
}
button.fadeout:hover {
	text-decoration: none !important;
}
.fadeout, .fadeout:hover {
    /*position: absolute; 
    bottom: 0;*/
    height: 30px;
	display: block;
    width: 100%;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 25%,
        rgba(255, 255, 255, 1) 100%
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 25%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 25%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 25%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 25%,
        rgba(255, 255, 255, 1) 100%
    );
}