/* • publication.html (left and rigth column)
	------------------------------------------------ */
	.publication-container { margin-top:30px; line-height:2;}
	ul.publication { display:table; margin:0; padding:0;}
    ul.publication li { background-color:#e8e8e8; overflow:auto; overflow-y:hidden;}
    ul.publication li:nth-child(odd)  { margin:0; padding:0; width:49.5%; float:left; margin-right:1%;  margin-bottom:10px}
    ul.publication li:nth-child(even) { margin:0; padding:0; width:49.5%; float:left; margin-bottom:10px}

    .publication-cover     { width:30%; float:left; overflow:hidden;}
    .publication-right-col { width:70%; float:left;
   						  -webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
			  					  transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
			     -webkit-transition-property: background-color, color;
			 			 transition-property: background-color, color;
			 					  box-shadow: none!important;}
    .publication-right-col .p-title { background-color:#880656; padding:10px 20px; font-size:20px; line-height:normal; color:#fff}
    .publication-right-col .p-intro { padding:10px 20px 0 20px; height:130px; overflow:hidden}

    a.download-publication { cursor:pointer;}

	a.download-booklet { color:#333!important; text-decoration:none!important}
	a:hover.download-booklet { color:#880656!important}

  	
  	/* • publication.html (top highlight box)
	------------------------------------------------ */
	.highlight-publication-blk { background-color:#e6e6e6; margin-bottom:10px; display:table; width:100%;}
	.highlight-publication-blk .hp-blk-cover { width:25%; float:left;}
	.highlight-publication-blk .hp-blk-right-col { width:75%; float:left}
	.highlight-publication-blk .hp-blk-right-col .hp-title { background-color:#880656; padding:10px 20px; font-size:20px; line-height:normal; color:#fff;}
	.highlight-publication-blk .hp-blk-right-col .hp-content { padding:20px 20px 0 20px; height:380px; overflow:hidden}
	.highlight-publication-blk .hp-blk-right-col a {color:#880656; text-decoration:underline;}


  	/* • Newsletter
	------------------------------------------------ */
	.newsletter-issue-blk 		 { padding:0; list-style:none; width:13.5%; float:left; margin-right:2.8%; margin-bottom:30px;  border:1px solid #e6e6e6; min-height:220px;}
	.newsletter-issue-blk a { color:#333}
	.newsletter-issue-blk a:hover { color:#880656; text-decoration:none;}	
	
	.newsletter-issue-blk a .download { width:100%; height: 100%; position:absolute; cursor:pointer; overflow:hidden; margin:0; padding:0; 
						 				 opacity: 1;
								      transition: background .25s ease-in-out;
					             -moz-transition: background .25s ease-in-out;
					          -webkit-transition: background .25s ease-in-out;}

	.newsletter-issue-blk a:hover .download { width:100%; height: 100%; opacity: 1; z-index:20; 
	 						    background: url(images/icon-download.png) center center no-repeat;
						  background-color: rgba(0, 0, 0, .7); 
				    	-webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
							    transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
			   -webkit-transition-property: background-color, color;
					   transition-property: background-color, color;
							    box-shadow: none!important;}

	.newsletter-issue-blk .issue    { padding:10px;}
    
    input.news  	{ 	background-color:#880656;  border:none; outline:none; font-size:14px; color:#fff; padding:2px 5%; height:46px; width:90%; margin-bottom:10px;
		                	font-family: "Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif"; letter-spacing: normal;
						  	-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none;}

    .signup-blk	{ display:block; background-color:#e6e6e6; width:85%; padding-bottom:10px; display:block;}
    .signup-blk .singup-pos { padding:5%}
    .newsletter-m { display:block}


/* =============================================================================
	= iPad Portrait & Landscape Styles
   ============================================================================= */


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){
    .publication-right-col .p-intro { padding:10px 20px; height:auto; overflow:hidden}
}