/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.thumb-list{
    margin-top: 30px;
}
.epaper-wrapper .epaper-sidebar{
    margin-top:58px;
}
.epaper-wrapper .pno{
    display: none;
}
.epaper-wrapper{
    max-width: 1200px;
    margin: 0 auto;
}
body{
    background:#ECEEF6;
}
.epaper-wrapper{
  padding: 20px;
}

.epaper-layout{
  display:flex;
  gap:14px;
  align-items:flex-start;
}

/* Sidebar */
.epaper-sidebar{
  width: 220px;
  max-height: calc(100vh - 120px);
  overflow:auto;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 10px;
  position: sticky;
  top: 90px;
  background:#fff;
}

.sidebar-title{
  font-weight:700;
  margin-bottom:10px;
}

.thumb-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.thumb-item{
  display:flex;
  gap:10px;
  align-items:center;
  padding:8px;
  border:1px solid #eee;
  border-radius:8px;
  cursor:pointer;
  height: 270px;
}

.thumb-item:hover{ background:#fafafa; }

.thumb-item.active{
  border-color:#e60000;
  box-shadow: 0 0 0 2px rgba(230,0,0,0.08) inset;
}

.thumb-item img{
  width:100%;
  height:auto;
  border-radius:4px;
  border:1px solid #ddd;
}

.thumb-item .pno{
  font-weight:600;
  font-size:14px;
}

/* Main */
.epaper-main{ flex:1; }

.epaper-controls{
  display:flex;
  justify-content:center;
  gap:8px;
  align-items:center;
  margin-bottom: 14px;
  flex-wrap:wrap;
}

.epaper-controls button{
  padding:8px 14px;
  font-size:16px;
  cursor:pointer;
}

.pdf-container{
  display:flex;
  justify-content:center;
  overflow:auto;
  max-width:100%;
}

#pdfCanvas{
  max-width:100%;
  height:auto;
}

/* Mobile */
@media (max-width: 900px){
  .epaper-layout{ flex-direction:column; }
  .epaper-sidebar{
    width:100%;
    position:relative;
    top:auto;
    max-height: 260px;
  }
  .thumb-list{
    flex-direction:row;
    overflow:auto;
  }
  .thumb-item{ min-width: 160px; }
}