/*
Theme Name: Print Paper
Theme URI: https://themesbazar.com/printpaper
Author: The ThemesBazar Team
Author URI: https://themesbazar.com/
Description: ThemesBazar Is A Premium WordPress Theme Market, We Have Online Newspaper Themes, Online TV Theme, Epaper Theme, Business Theme, Corporate Theme, personal Theme, Educational Theme, If You Need Any Premium WordPress Please Visit Our Website Or Call : 01732667364.
Requires at least: WordPress 4.9.6
Version: 1.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: printpaper
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

*/



/* Base CSS */
@font-face {
    font-family: 'SolaimanLipiNormal';
    src: url('fonts/solaiman-lipi.eot');
    src: url('fonts/solaiman-lipi.eot') format('embedded-opentype'),
         url('fonts/solaiman-lipi.woff') format('woff'),
         url('fonts/solaiman-lipi.ttf') format('truetype'),
         url('fonts/solaiman-lipi.svg#SolaimanLipiNormal') format('svg');
	
	font-weight:normal;font-style:normal;
}
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
a:focus { outline: 0 solid }
img {
    max-width: 100%;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
}

body {
	width:100%;
	font-family: SolaimanLipiNormal;
    margin: 0;
    padding: 0;
}
a:hover { text-decoration: none }



/*======== container update =======*/
.container {
	width: 1170px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}




.epapar-logo img {
	width: 24%;
	height: auto;
}




/* logo banner section start */
.logo-banner {
	padding: 10px 0;
}

.logo {
	width: 33.33%;
	float: left;
	margin-right: 15px;
}

.logo img {
	width: 100%;
	height: auto;
}

.banner {
	width: 64.67%;
	float: left;
	margin: 12px 0px 0px 0px;
}

.banner img {
	width: 100%;
	height: auto;
}
/* logo banner section  End*/



.home {
	float: left;
	width: 60%;
}

.home ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.home ul li {
	display: inline-block;
}


.home ul li a:hover{
    background: rgba(0,0,0,0.1);
}


.themesbazar_epaper {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}

/***=====================================
    Left column css start
========================================***/

.column-left {
	width: 18%;
    float: left;
}



.daily-peper {
	overflow: scroll;
	overflow-x: hidden;
	height: 350px;
}

.epaper-item {
	margin: 2px;
	background: #e3e0e0;
	padding: 3px;
	float: left;
	width: 43%;
}

.epaper-item img{
	width: 100%;
    object-fit: cover;
    height: 135px;

}

.daily-title {
	/* background: #eee; */
	/* padding: 7px 10px; */
	/* border-bottom: 2px solid #221c1e; */
	/* border-radius: 0 0 5px 5px; */
	font-size: 14px;
	text-align: center;
}


/***=====================================
    Left column css End
========================================***/







/*=====================================
    Right column css start
========================================*/
.column-right {
	width: 18%;
    float: left;
}


.left-title a {
	display: inline-block;
	width: 98%;
	background: #3E76E6;
	padding: 10px 7px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #9c27b0;
	margin-bottom: 18px;
}
.archive-title {
	font-size: 17px;
	color: #fff;
	background: #224EA6;
	border-left: 4px solid #033b48;
	padding: 5px;
	margin-bottom: 7px;
	overflow: hidden;
 }

.archive-title2 {
	font-size: 17px;
	color: #fff;
	background: #224EA6;
	border-left: 4px solid #033b48;
	padding: 5px;
	margin-bottom: 7px;
	overflow: hidden;
	margin-top: 15px;
 

}

.wordpress-date input[type="text"] {
	width: 97%;
	float: left;
	padding: 5px 3px;
	background: transparent;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	font-size: 15px;
	font-weight: 400;
    font-family: 'SolaimanLipiNormal';
    
}

.wordpress-date input[type="submit"] {
	width: 100%;
	padding: 5px;
	background: #033B48;
	color: #fff;
	font-size: 15px;
	border: 1px solid #033B48;
	border-left: none;
	cursor: pointer;
      font-family: 'SolaimanLipiNormal';
}



/***=====================================
    Right column css End
========================================***/




/***=====================================
    Middle column css Start
========================================***/
.column-middle {
	width: 60%;
	float: left;
	padding: 0px 10px;
}


.epaper_list {
	text-align: center;
}




.E-count span {
	padding: 5px;
}


/* Hide the images by default */
.Epaper {
  display: none;
    position: relative;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}




/* On hover, add a black background color with a little bit see-through */
.prev:hover {
	background: #900900;
	color: #fff;
}
.next:hover {
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
}


/* Add a transparency effect for thumnbail images */


#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
  width: 100%;
	height: auto;
}

#myImg:hover {
  opacity: 0.7;
}

.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 9999;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9);
  /* Black w/ opacity */
}

.modal-content {
  margin: auto;
    display: block;
    width: 92%;
    margin-bottom: 10%;
}

#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

.modal-content,
#caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {
    transform: scale(0)
  }
  to {
    transform: scale(1)
  }
}

.close {
  position: absolute;
	top: 60px;
	right: 32px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
	width: 30px;
	height: 30px;
	background: #000;
	line-height: 22px;
	border-radius: 50%;
	border: 3px solid #fff;
	text-align: center;
	box-shadow: 0 0 7px #acaaaa;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (max-width: 700px) {
  .modal-content {
    width: 100%;
  }
}


/***=====================================
    Middle column css End
========================================***/

.epaper-social {
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: center;
}

.epaper-social a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #333;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-radius: 50%;
	margin-right: 10px;
	border: 2px solid transparent;
	transition: .8s all;
	/* padding: 5px; */
}



.epaper-social a:nth-child(1){
	background: #2169a8;
}

.epaper-social a:nth-child(1):hover{
	color: #2169a8;
	background: transparent;
	border-color: #2169a8;
}


.epaper-social a:nth-child(2){
	background: #1dcaff;
}
.epaper-social a:nth-child(2):hover{
	color: #1dcaff;
	background: transparent;
	border-color: #1dcaff;
}

.epaper-social a:nth-child(3){
	background: #C92228;
}
.epaper-social a:nth-child(3):hover{
	color: #C92228;
	background: transparent;
	border-color: #C92228;
}


.epaper-social a:nth-child(4){
	background: #3f729b;
}
.epaper-social a:nth-child(4):hover{
	color: #3f729b;
	background: transparent;
	border-color: #3f729b;
}

.epaper-social a:nth-child(5){
	background: #2169a8;
}

.epaper-social a:nth-child(5):hover{
	color: #2169a8;
	background: transparent;
	border-color: #2169a8;
}

.epaper-social a:nth-child(6){
	background: #5e5959;
}
.epaper-social a:nth-child(6):hover{
	color: #5e5959;
	background: transparent;
	border-color: #5e5959;
}

.add-image {
	margin: 20px 0;
}

.add-image img {
	width: 100%;
	height: auto;
}


/*=====================================
    footer section css start
========================================*/



.footer-menu {
	text-align: center;
	margin: 10px 0 23px 0;
}

.footer-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.footer-menu ul li {
	display: inline-block;
	margin-right: 5px;
}


.footer-menu ul li a:hover {
	background: #0052a3;
	border: 1px solid#0052a3;
}



.footer-item {
	margin-top: 18px;
	padding: 0 0 13px 0;
}


.bottom_footer {
	display: inline-block;
	width: 100%;
	border-top: 1px solid #3e3e3e;
	margin-top: 13px;
	padding-top: 22px;
}

.left_footer {
	width: 33.33%;
	float: left;
	text-align: left;
}


.footer_social {
	text-align: center;
}


.footer_social a:hover{
	color: #ff0;
}




/*=====================================
    footer section css End
========================================*/


/*==========
Extra css
============*/
.add {
	margin: 2px 0px 2px 0px;
}

.add img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.date {
	padding: 15px;
	float : right
}



.sticky_sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}



.single_title {
	font-size: 25px;
	padding: 10px;
	text-align: left;
	border-bottom: 2px solid red;
}
.single_title a {
	color: black;
	text-decoration: none;
}
.widget_area{
    margin : 5px 0px;
}