/*
Theme Name: Epaper bdiT
Theme URI: https://bdit.com.bd
Author: EitsBD team
Author URI: https://bdit.com.bd
Description: Our 2017 Epaper theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



@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;
}




/* CSS Document */
*{padding:0px; margin:0px}
body{ font-size:14px; font-family: SolaimanLipiNormal; }
a{text-decoration:none}
.stracture{margin:auto; width:1000px; padding:0px; box-shadow: 0 0 20px #ccc; }
.top_header{}
.date{ float: left; width: 490px; padding: 5px}
.social{float: right; width: 490px; padding: 5px}
.logo{float: left; width: 270px; padding: 15px}
.banner{float: right; width: 670px; padding: 15px}
.fix{ overflow:hidden;}
.clear{clear: both}
.main_body{ width:100%; margin-top:5px}
.sidebar{ float:left; width:18%; padding:1%}
.right_sidebar{float:left; width:18%; padding:1%}
.contant{ float:left; width:58%; padding:1%;}


.allpagenews img{
    width: 100%;
    height: auto;
}
.ads{padding: 2px 10px}
.sidebar_headdding{text-align: center; font-size: 15px; border-bottom: 1px solid #000;}
.sidebar_headdding a{color: #000;  }

.root{ background:#454D4F; color:#FFFFFF; border-radius: 0px; padding:1%; width:98%;}
.root_01{ float:left; width:50%; }
.root_02{ float:right; width:50%; text-align:right}
.root_02 a{ color:#F7CE95; font-weight:bold}
.editor{  width:92%;  padding:4%;  }


.left_sidebar_single{ background:#FFFFFF;  margin-bottom:10px;}
.left_sidebar_single h3{ background:#D3D3D1; padding:5px; color:#000000; border-radius: 0px; font-size:15px; margin-bottom:5px}



/*Extra page*/
.contant0{ width:980px; margin-right:5px}
.main_contant0{width:970px; padding:5px 5px 5px 5px; border-radius: 15px; }
.main_contant0 img{width:965px; height:auto; border-radius: 10px; border:5px solid #999999}





.page1{width:480px; padding:5px;}
.page1 img{border-radius: 10px;}
.arrow img{border-radius: 10px;}
.arrow a:hover{ opacity: 0.9;}



/*single*/
.single_page{ border-radius: 10px; padding:5px; overflow:scroll }
.single_page img{ width:980px; height:auto; text-align:center;  border-radius: 15px; border:5px solid #999999}
.first_page{ text-align:right; padding-right:15px}
.post-thumbb:hover{transform: scale(1.5);}
.{}

/*Archive*/
.contant_archive{float:left; width:750px; padding:5px; border-radius: 10px; margin:auto 5px}
.main_contant_archive{}
.post-thumb-archive{ float:left; width:174px; height:auto; padding:5px; border:1px solid #999999}
.single_archive{
    float: left;
    width: 21%;
    padding: 2%;
    margin-bottom: 15px;
}

.single_archive:hover{
    opacity: 0.8;
}

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




.allpagenews{overflow:scroll; height:890px}
.allpage{ border:2px solid #CCCCCC}


 




/* Style the Image Used to Trigger the Modal */
.myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9; /* 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 (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 90%;

}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 90%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

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

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

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

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

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

.col_one{
width : 100%;
height: auto
}
.col_two{
width : 50%;
height: auto;
float: left;
}
.col_three{
width : 33%;
height: auto;
float: left;
}

/* ইমেজকে রেস্পন্সিভ করা */
img {
    max-width: 100%;
    height: auto;
}

/* কন্টেইনারের প্যাডিং এবং মার্জিন ঠিক করা */
.container {
    width: 100%;
    padding: 15px;
    margin: 0 auto;
}

/* ছোট ডিভাইসের জন্য হেডিং এবং প্যারাগ্রাফের ফন্ট সাইজ সমন্বয় */
@media (max-width: 768px) {
    h1 {
        font-size: 24px;
    }
    p {
        font-size: 16px;
    }
}