/* 
	https://codepen.io/choogoor/pen/YWBxAg
*/
.newsletteritems { width: 100%; }
        .newsletteritem { float: left; padding: 0 1.7rem; width: 100%; height: 400px; }
            .newsletteritem .wrapper .header .menu-content { margin: 0; padding: 0; list-style-type: none; }
                .newsletteritem .wrapper .header .menu-content::before, .newsletteritem .menu-content::after { content: ''; display: table; }
                .newsletteritem .wrapper .header .menu-content::after { clear: both; }
                .newsletteritem .wrapper .header .menu-content li { display: none; }
                .newsletteritem .wrapper .header .menu-content a { color: #000; }
                .newsletteritem .wrapper .header .menu-content span { position: absolute; left: 50%; top: 0; font-size: 10px; font-weight: 700; font-family: 'Open Sans'; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
			
			.newsletteritem .wrapper { background: url(https://drkmh.com/images/slide-03-image-01.png) center/cover no-repeat; }			
            .newsletteritem .wrapper { background-color: #fff; min-height: 340px; position: relative; overflow: hidden; box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2); border-radius: 4px;  }
				.newsletteritem .wrapper:hover .menu-content li { display: inline-block;-webkit-transform: translateY(0); transform: translateY(0); }				
                .newsletteritem .wrapper:hover .data { bottom: 0px; -webkit-transform: translateY(0); transform: translateY(0); }
            .newsletteritem .wrapper .data { position: absolute; bottom: 15px; width: 100%; -webkit-transform: translateY(calc(70px + 1em)); transform: translateY(calc(70px + 1em)); transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
                .newsletteritem .wrapper .data .content { padding: 1em; position: relative; z-index: 1; }
				
            .newsletteritem .wrapper .content .author { font-size: 12px; color: #fff; }
            .newsletteritem .wrapper .content .title { height:25px;margin-top: 10px; font-size: 15px; line-height: 2px; }				
            .newsletteritem .wrapper .content .text { height: 15px; margin: 0; color: #fefefe;display:; }
			.newsletteritem .wrapper:hover .content .title{ height:20px; }
			.newsletteritem .wrapper:hover .content .text{ height:auto; }
			
            .newsletteritem .wrapper input[type='checkbox'] { display: none; }
                .newsletteritem .wrapper input[type='checkbox']:checked + .menu-content { -webkit-transform: translateY(-60px); transform: translateY(-60px); }

        .newsletteritem .wrapper .content { background-color: #685ba5cc; box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3); }
			.newsletteritem .wrapper:hover { opacity: inherit;}
			
        .newsletteritem .wrapper .content .title a { color: #fff; }

        .newsletteritem .wrapper .menu-content { float: right; }
            .newsletteritem .wrapper .menu-content li { margin: 0 5px; position: relative; }
            .newsletteritem .wrapper .menu-content span { transition: all 0.3s; opacity: 0; }
			
		.newsletteritem .wrapper .inside { z-index: 9; background: #685ba5cc; width: 140px; height: 120px; position: absolute; top: -60px; left: -70px; border-radius: 0px 0px 200px 200px; transition: all 0.5s, border-radius 2s, top 1s; overflow: hidden; }
            .newsletteritem .wrapper .inside .icon { position: absolute; left: 80px; top: 65px; color: #fff; opacity: 1; }
			
		.newsletteritem .wrapper .header { color: #fff; padding: 1em; }
			.newsletteritem .wrapper .header::before, .example-2 .header::after { content: ''; display: table; }
			.newsletteritem .wrapper .header::after { clear: both; }
			.newsletteritem .wrapper .header .date { float: left; font-size: 12px; }	
			
        .newsletteritem .button { display: block; width: 100px; margin: 1em auto 1em; text-align: center; font-size: 12px; color: #fff; line-height: 1; position: relative; font-weight: 500; }
        .newsletteritem .button::after { content: '\2192'; opacity: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); transition: all 0.3s; }
        .newsletteritem .button:hover::after { -webkit-transform: translate(5px, -50%); transform: translate(5px, -50%); opacity: 1; }


    /*
		https://www.codexworld.com/embed-pdf-document-file-in-html-web-page/
		The following parameters are commonly used to embed PDF file in HTML or open in the browser.

		page=pagenum – Specifies a number (integer) of the page in the document. The document’s first page has a pagenum value of 1.
		zoom=scale – Sets the zoom and scroll factors, using float or integer values. For example, a scale value of 100 indicates a zoom value of 100%.
		view=Fit – Set the view of the displayed page.
		scrollbar=1|0 – Turns scrollbars on or off.
		toolbar=1|0 – Turns the toolbar on or off.
		statusbar=1|0 – Turns the status bar on or off.
		navpanes=1|0 – Turns the navigation panes and tabs on or off.
		URL with parameters looks like the following.

		http://example.com/doc.pdf#Chapter5
		http://example.com/doc.pdf#page=5
		http://example.com/doc.pdf#page=3&zoom=200,250,100
		http://example.com/doc.pdf#zoom=100
		http://example.com/doc.pdf#page=72&view=fitH,100

		Disable and Hide Toolbar in PDF Web Viewer
		This example shows how to hide or remove the toolbar, navpanes, and scrollbar of the PDF file opened in HTML <embed> using parameters in URL.
		Use the following code to embed PDF document in the web page and remove or hide toolbar of embedded PDF.

		<embed src="files/Brochure.pdf#toolbar=0&navpanes=0&scrollbar=0" type="application/pdf" width="100%" height="600px" />
		<embed src="Resumes/Anusha M Rao_Resume.pdf#toolbar=0&navpanes=0&scrollbar=0" type="application/pdf" style="min-width:600px;min-height:500px" />
    */