@font-face{font-family:'SolaimanLipi';src:url('../fonts/solaimanlipi_20-04-07.eot');src:url('../fonts/solaimanlipi_20-04-07.eot') format('embedded-opentype'),
url('../fonts/solaimanlipi_20-04-07.woff') format('woff'),
url('../fonts/solaimanlipi_20-04-07.ttf') format('truetype'),
url('https://s3-ap-southeast-1.amazonaws.com/images.jagonews24/common/fonts/solaimanlipi_20-04-07.svg') format('svg');}
body{font-family:SolaimanLipi;}
html, body { width: 100%; margin: 0; padding: 0; }
body, img,p{margin: 0px; padding: 0px;}
div{margin: 0px; padding: 0px;}
button, select {
  text-transform: none;
}
button, input {
  overflow: visible;
}
button, input, select, textarea {
  font: inherit;
  margin: 0;
}





/* Header container */
.header-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* Logo */
.logo img {
    max-height: 85px;
}

/* Menu & Calendar icons (hidden on desktop) */
.menu-icon,
.calendar-icon {
    
    cursor: pointer;
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Mobile specific styles */
@media (max-width: 768px) {
    
    
  
    
    .header-div{
         margin-top:45px;
         margin-bottom: 30px;
}

    /* Align icons and logo in one row */
    .header-container {
        justify-content: space-between;
    }

    .menu-icon {
        font-size: 50px;
        display: block;
        left: 25px;
    }

    .calendar-icon {
        font-size: 30px;
        display: block;
        right: 25px;
    }

    .logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .logo img {
        max-height: 85px;
    }

    /* Dropdown menu */
    .mobile-menu {
        display: none;
        position: absolute;
        top: 60px;
        left: 10px;
        background: white;
        border: 1px solid #ccc;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        z-index: 1000;
        width: 200px;
    }

    .mobile-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: black;
        border-bottom: 1px solid #eee;
        font-size:24px;
    }

    .mobile-menu a:hover {
        background-color: #f5f5f5;
        
    }

    /* Calendar popup */
    #calendar-popup {
        display: none;
        position: absolute;
        top: 60px;
        right: 20px;
        background: white;
        padding: 10px;
        border: 1px solid #ccc;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        z-index: 1000;
    }
}

/* Desktop: hide mobile elements */
@media (min-width: 769px) {
    .menu-icon,
    .calendar-icon,
    .mobile-menu,
    #calendar-popup {
        display: none !important;
    }

    .logo {
        margin: 0 auto;
    }
}






.etech {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background-color: #d6f1f8; /* Light gray background */
  ;
}

.builder {
  padding: 10px 10px;
  background-color: #d6f1f8;
  color: white;
  color: #000;
  border-radius: 8px;
  text-align: center;
}

.efooter {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0px;
  padding: 0px;
  background-color: #05629b; /* Light gray background */
 
}


.mrs {
  padding: 0px 0px;
  background-color: #05629b;
  color: #000;
  border-radius: 0px;
  text-align: center;
}








.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.main-container{width:100%; max-width:1150px; margin:0px auto; }

.top-header{background-color: #d2d0ce; border-bottom: 1px solid #21160a;box-shadow: rgba(0, 3, 6, 1) 0 5px 15px;}


.add{ margin: 5px 0px;overflow: hidden; }
.header{background-color: #EBEBEB;}

.footer-contend{
    background: #d6f1f7;
    padding: 15px 10px 15px 15px;
    border-top: 2px outset #0c5460;
}
.footer-contend p{padding: 10px 20px; margin-bottom: 0px;}

/*.navigation .navbar .dropdown-menu{margin-top: -16px; left: 16px;}*/


.samakal-content-div{padding-bottom: 5px; background-color: #F5F5F5;}
.samakal-content-div .tab-content ul li{
  padding-bottom: 10px;
  padding-top: 10px;}

  .samakal-content-div .tab-content li{
   list-style:none;
   margin: 0;
   text-indent:-7px;
   margin-left:-20px;

 }

 .samakal-content-div .tab-content ul li a i{margin-right: 5px; color: #E18719;}
 .samakal-content-div .tab-content ul hr{margin-top: 10px; margin-bottom: 10px;}



 .samakal-content-div .tab-content ul li a:hover{ text-decoration: none;color: #E18719}
 .samakal-content-div .nav-tabs li a {border-radius: 0px; padding: 8px 15px;}
 .social-icon ul li{display: inline;}

 .social-icon ul{
  padding-top: 5px;
  /*padding-bottom: 2px; */
  padding-left: 5px;
  /*margin-bottom: 0px;*/
}
.social-icon ul li.link a{
  background-color: #3C5A98;
  color: #fff;
  padding-top: 7px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 5px;
  border: 2px solid #dbded8;
}
.social-icon ul li.fb a{
  background-color: #3C5A98;
  color: #fff;
  padding-top: 7px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
  border: 2px solid #dbded8;
}
.social-icon ul li.fb{padding: 0px;}

.social-icon ul li.fb a:hover{background-color: #4267B2; color: #FFF;}
.social-icon ul li.twit a{
  background-color: #1DA1F2;
  color: #fff;
  padding-top: 7px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 5px;
  border: 2px solid #dbded8;
}
.social-icon ul li.twit{padding: 0px;}
.social-icon ul li.twit a:hover{background-color: #36B9FF; color: #fff;}
.social-icon ul li.gplus a{
  background-color: #E53935;
  color: #fff;
  padding-top: 7px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 5px;
  border: 2px solid #dbded8;
}
.social-icon ul li.gplus{padding: 0px;}
.social-icon ul li.gplus a:hover{background-color: #BC1316; color: #fff;}
.add-value-list a{color: #fff; text-decoration: none; font-size: 16px; padding-left: 10px;}


.single-page-div{text-align: center; padding-top: 10px;}
.single-page-div ul li{display: inline-block;}
.single-page-div ul li a{text-decoration: none; color: #000;}
.single-page-div ul li a img{margin-bottom: 0px;}

.single-page-div ul li a span{margin-bottom: 20px}
.single-page-div ul li{ margin-bottom: 20px; margin-left: 5px; margin-right: 5px;}
/*.dropdown-menu hr{margin-top: 2px; margin-bottom: 2px; border: 0px solid red;}*/
.dropdown-menu li a{padding-bottom: 5px; border-bottom: 1px solid #000;}
.dropdown-menu li a:hover{background-color: #EBEBEB;}
.main-menu, .edition-menu {padding: 0px 0;}
.edition-menu {min-width: 110px;}
.pagination-div ul li a, .samakal-content ul li a, .samakal-content .tab-content ul li a{color: #000;}
.samakal-content .nav-tabs> li {width: 116px; text-align: center;}
.header-div{width: 100% !important; clear: both;
}
/******datepiker*******/
.old-paper{padding: 5px 5px; margin-bottom: 5px; border: 1px solid #ccc;}
.old-paper .wrapper> form> table{margin:0px auto;}
#datepick select {font-size: 9pt !important; padding: 4px 2px; margin-top: 2px; margin-right: 2px;}
#datepick input{font-size: 8pt !important; margin-top: 2px; }
/******datepiker end*******/
/*.news-headline{background-color: #000; color: #fff;}*/
.headline{padding-top: 2px;
  margin-top: 2px;}
  .news-headline{margin-bottom: 5px; border: 1px solid #CCC; margin-top: 5px;}
  .headline ul li a{
    /*font-size: inherit; */
    color: #000;
    /*font-weight: 500; */
    text-decoration: none;
  }
  .headline ul li a:hover{
    text-decoration: none;
  }
  .headline ul li{

  }
  .headline ul> li i{
    color: #FF8C00;
    font-size: 12px;
    margin-right: 5px;
  }
  .headline ul li {
    display: inline; margin-right: 10px;
    font-size: 20px;
    font-weight: 500;
  }
  .headline ul{margin-bottom: 0px; padding: 0px 0px; }
  .headline ul> li:hover .headline-link{border-bottom: 1px solid orange;}

  .sironam{background-color: #887474; padding: 2px 10px; color: #fff; font-size: 20px;}




  .row-div {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line on smaller screens */
    margin-bottom: 5px;
    padding-bottom: 5px;
    align-items: flex-start; /* Align items to the top */
  }

  .row-div-left {
  flex: 0 0 calc(20% - 10px); /* 20% of total width, minus its own right margin */
  margin-right: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  height: 990px; /* Fixed height for desktop view */
  overflow-y: auto; /* Enable vertical scrolling */
}

  .row-div-left {
  flex: 0 0 calc(20% - 10px); /* 20% of total width, minus its own right margin */
  margin-right: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
}

.main-content-area {
  flex: 0 0 calc(60% - 10px); /* 60% of total width, minus its own right margin */
  margin-right: 10px;
  box-sizing: border-box;
  overflow: visible; /* Ensure content is not clipped and no internal scrollbar */
  height: auto; /* Allow height to expand based on content */
}

.row-div-right {
  flex: 0 0 20%; /* 20% of total width, no right margin */
  box-sizing: border-box;
}

  .navigation{
   width: 100%;
   margin-bottom: 0px;
   content: "";
   clear: both;
   display: table;
   background-color: #EBEBEB;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #ccc;

 }
 .navigation-left{width:704px; float:left; padding: 0px 5px 0px 5px; }
 .navigation-right{width:350px; float:right;  padding: 0px 0px; }
 .navigation-left ul li {
   float: left;
 }

 /*********menubar***********/
/*#primary_nav_wrap
{
 margin-top:7px;
 }*/

 #primary_nav_wrap ul
 {
   list-style:none;
   position:relative;
   float:left;
   margin:0;
   padding:0;
   z-index: 99;
 }

 #primary_nav_wrap ul a
 {
   display:block;
   color:#636363;
   text-decoration:none;
   font-size:15px;
   /*line-height:32px;*/
   padding: 0px;
   font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
 }

 #primary_nav_wrap> ul> li{
   position:relative;
   float:left;
   margin-right: 20px;
   padding:0;
   list-style-type: none;
 }

 #primary_nav_wrap ul li.current-menu-item{
   background:#ddd
 }

 #primary_nav_wrap ul li:hover{
   background:white
 }

 #primary_nav_wrap ul ul{
   display:none;
   position:absolute;
   top:100%;
   left:0;
   background:#FFFFFF;
   padding:0;


 }

 #primary_nav_wrap ul ul li{
   float:none;
   width:173px;
   background:#f6f6f6
 }

 #primary_nav_wrap ul ul a{
   line-height:120%;
   padding:5px 15px;
 }

 #primary_nav_wrap ul ul ul{
   top:0;
   left:100%
 }

 #primary_nav_wrap ul li:hover > ul{
   display:block;


 }

 .dp-menu li{border-bottom: 1px solid #ccc}
 .dp-menu li:last-child{border-bottom: none;margin: 0;padding: 0}
 .shadow {
   -moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 }
 /*=========menu bar==========*/
 .pagination {
    
    margin-bottom: 15px;
}
.date{color: #fff; margin-bottom: 16px; font-size: 16px;}
.log{text-align: center;}
.right-content{border: 1px solid #ccc; padding-left: 6px; padding-right: 6px;
 margin-top: 5px;
 margin-bottom: 5px;
}
.left-content{
  border: 1px solid #ccc; padding-top: 10px;}
  .src-btn{font-size: 9px; border-radius: 0px; letter-spacing: 2px; color: #FFF;
    padding: 6px 6px;
    margin-top: 2px;} 
    .src-btn:hover{color: #FFA500;}

    .list-unstyled {
      padding-left: 0;
      list-style: none;
    }
    ol, ul {
      margin-top: 0;
      margin-bottom: 10px;
    }
    .pull-right {
      float: right!important;
    }

    .text-center {
      text-align: center;
    }
    .page-trigger{margin-left: 22px;}

    .page-trigger a:hover{color: orange;}
    .samakal-content ul{margin-bottom: 0px;}

    .thumbnail {
      display: block;
      padding: 4px;
      margin-bottom: 20px;
      line-height: 1.42857143;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 4px;
      -webkit-transition: border .2s ease-in-out;
      -o-transition: border .2s ease-in-out;
      transition: border .2s ease-in-out;
    }
    .thumbnail a>img, .thumbnail>img {
      display: block;
      width: 100%;
      height: 100%;
    }
    img {
      vertical-align: middle;

    }
    /****************news popup************/ 

    /* The Modal (background) */
    .modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 9999999999; /* Sit on top */
      padding: 0; /* Location of the box */

      left: 0;
      top: 0;
      width: 100vw; /* Full width */
      height: 100vh; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      /*background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.8); */
     /* background-image: url({{asset('assets/images/overlay.png')}});*/
      background: rgba(0,0,0,0.5);
    }

    /* Modal Content */
    .modal-content {
      background-color: #fefefe;
      margin: 40px auto;
      border: 1px solid #888;
      width: 80vw;
      max-width: 900px;
      overflow: visible;
      position: relative;
      top: 0;
      left: 0;
      transform: none;
    }

    .modal-head, .modal-footer, .modal-main-img {
      position: static;
      width: 100%;
    }

    .modal-main-img {
      overflow: visible;
      max-height: none;
    }

    /* The Close Button */
    .zoomin, .zoomout, .ipt, .close, .share {
     font-size: 11px;
     font-weight: bold;
     border-radius: 10%;
     padding: 4px 8px;

   }

   .close:hover,
   .close:focus {
    background-color: #FFF;
    color:#d9534f;
    border: 1px solid #d9534f;
    text-decoration: none;
    cursor: pointer;

  }

  .zoomin:hover,
  .zoomin:focus {
    background-color: #FFF;
    color:#337ab7;
    border: 1px solid #337ab7;
    text-decoration: none;
    cursor: pointer;
  }
  .zoomout:hover,
  .zoomout:focus {
    background-color: #FFF;
    color:#f0ad4e;
    border: 1px solid #f0ad4e;
    text-decoration: none;
    cursor: pointer;
  }
  .ipt:hover,
  .ipt:focus {
    background-color: #FFF;
    color:#5bc0de;
    border: 1px solid #5bc0de;
    text-decoration: none;
    cursor: pointer;
  }




  .modal-head table{ background-color: #f5f5f5; border: 1px solid #ccc;}
  .modal-footer p{ background-color: #E9E9E9; border: 1px solid #ccc; padding: 7px;}

  .modal-head{margin-bottom: 10px;  border-bottom: 2px solid #ccc;} 
  .modal-footer{margin-top: 10px;  border-top: 2px solid #ccc;}
  .modal-main-img img {
  max-width: 100%;
  max-height: 100%;
  display: block; /* Remove extra space below image */
  margin: 0 auto; /* Center the image */
}

.main-content-area img {
  max-width: 100%;
  height: auto;
}

.main-img-div canvas {
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .responsive-img {
    width: 100%;
    height: auto;
  }
  .main-img-div canvas {
    width: 100% !important;
    height: auto !important;
  }
  
  .etech {
    flex-direction: column;
    gap: 0px;
  }
  
}
  /*.ipt{border-radius: 50%;}*/



  .trigger{padding-left: 15px; padding-right: 15px; margin-top: 10px; border-top: 1px solid #CCC;}
  .trigger-prev{color: #FFF;}
  .trigger-next{color: #FFF;}

  .trigger-prev:hover,
  .trigger-prev:focus{background-color: #F39C1E;  color: #FFF;}
  .trigger-next:hover,
  .trigger-next:focus{background-color: #F39C1E;  color: #FFF;}
  .dhakareport-label{background-color: #CC0000;}


  /*modal customized*/
  .customized_content{
    border-radius: 15px;
    background-color: #FFF;
    margin-bottom: 30px;
    border:10px solid rgba(0,0,0,0.3);
    /*box-shadow: 0px 0px 0px 15px rgba(0,0,0,0.3);*/
  }

  .modal_table{
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }


  /*loading gif*/
  .loading_img{
    background-image: url('../img/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
  }

  

  /* Style the tab */
  div.tab {
    overflow: hidden;
    background-color: #887474;
  }

  div.tab a {
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 10px 0px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
    font-size: 20px;
  }

  div.tab a:hover {
    background-color: #ddd;
  }

  div.tab a:focus, .active {
    background-color: #505242;
  }

  .tabcontent {
    display: none;
    border-top: none;
  }

  .samakal_nonline ul{
    padding: 0;
    margin: 0;
  }

  .samakal_nonline ul li{
    padding: 0;
    margin: 0;

  }

  .samakal_nonline ul li{
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    list-style: none;
    font-size: 20px;
    line-height: 22px;
  }
  .samakal_nonline li:last-child { border-bottom: none; }

  .samakal_nonline ul li a{
    text-decoration: none;
  }


  .text_align_left{
    text-align: left;
    margin-left:10px;
  }


  .footer_texts p{
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #CC9900
  }
  .footer_table td{
    border-bottom: 1px solid #E18719;
  }


  /*search result not found*/
  .alert-box {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 5px;
    width: 676px;
    margin-left: 7px;
    text-align: center;
    z-index:9999;
    position:absolute;
    font-size: 20px;
  }

  .message_body {
    color: #a94442;
    border-color: #ebccd1;

    background: #fceabb; /* Old browsers */
    background: -moz-linear-gradient(top, #fceabb 7%, #e1f44b 60%, #fbdf93 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fceabb 7%,#e1f44b 60%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fceabb 7%,#e1f44b 60%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
  }

  /* New styles for responsiveness */
  .header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
  }

  .right-social-icons {
    text-align: right;
  }

  .row-div-title {
    text-align: center;
    color: #fff;
    padding: 3px;
    font-size: 1.5rem;
    font-weight: 500;
    background: linear-gradient(90deg, #0374b9 58%, rgb(25 181 213) 100%);
  }

  .left-page-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .left-page-links li {
    padding: 5px;
  }

  .left-page-links a {
    text-decoration: none;
  }

  .left-page-links img {
    width: 100%;
  }

  .left-page-links p {
    margin-bottom: 0;
    padding: 3px;
    background: linear-gradient(90deg, #0374b9 58%, rgb(25 181 213) 100%);
    text-align: center;
    color: #ffffff;
    border-bottom: 2px solid #161818;
    border-radius: 9px;
  }

  .footer_texts table {
    width: 100%;
  }

  .footer_texts td {
    width: auto;
    display: block;
    text-align: center;
  }

  .footerLogo {
    text-align: left;
  }

  .footerLogo img {
    max-width: 300px;
    height: auto;
  }

  .editorial {
    text-align: center;
    
  }

  .footer_copyright table {
    width: 100%;
  }

  .footer_copyright td {
    width: auto;
    display: block;
    text-align: center;
  }

  @media (max-width: 768px) {
    .main-container, .top-header, .header, .footer-contend {
      width: 100% !important;
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box;
    }
    .row-div {
      display: block; /* Ensure block display for mobile */
      width: 100%;
      margin: 0;
      padding: 0;
    }
    .row-div-left, .row-div-right {
        display: none; /* Hide sidebars on mobile */
    }
    .main-content-area {
        width: 100%;
        display: block; /* Ensure main content is visible and block-level */
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    .social-icon ul li {
      display: inline-block;
    }
    #datepick select, #datepick input {
      width: auto;
      margin: 2px;
    }
    #primary_nav_wrap ul, #primary_nav_wrap ul li {
      float: none;
      width: 100%;
    }
    #primary_nav_wrap ul ul {
        position: static;
        display: block;
    }
    #primary_nav_wrap ul ul li {
        width: 100%;
    }
    .headline ul li {
        display: block;
        margin-bottom: 10px;
    }
    .alert-box {
        width: 90%;
        margin-left: 5%;
    }
    .samakal-content .nav-tabs> li {
        width: 50%;
    }
    .top_header table, .top_header tbody, .top_header tr, .top_header td {
        display: block;
        width: 100%;
    }
    .main_logo {
        text-align: center;
    }
    .social-icon {
        text-align: center;
    }
    .footer_texts table, .footer_texts tbody, .footer_texts tr, .footer_texts td {
        display: block;
        width: 100%;
    }
    .footerLogo {
        text-align: center;
    }
    .editorial {
        text-align: center;
        
    }
    .header-content {
        flex-direction: column;
    }
    .right-social-icons {
        text-align: center;
        margin-top: 10px;
    }
    .main_menu ul {
        flex-direction: column;
        align-items: center;
    }
    .main_menu ul li {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .left-page-links {
        height: auto !important;
        overflow-y: visible !important;
    }
    .hamburger-menu {
        display: block;
        cursor: pointer;
        font-size: 24px;
        color: #333;
        margin-left: 10px;
    }
    .main_menu {
        display: none;
    }
    .main_menu.active {
        display: block;
    }
    .pagination-container {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .pagination {
        white-space: nowrap;
    }
    .pagination a {
        float: none;
        display: inline-block;
    }
    .page-trigger-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .all-pages-link, .next-page-link {
        float: none !important;
        margin-bottom: 10px;
    }
    .modal-header-content {
        flex-direction: column;
    }
    .modal-logo, .modal-close-button {
        text-align: center;
        width: 100%;
    }
    .modal-share-print-buttons {
        flex-direction: column;
    }
    .share-buttons, .navigation-buttons {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
  }
.pagination {
display: inline-block;
margin-top: 15px;
}
.pagination a {
color: #ffffff;
    float: left;
    padding: 3px 11px;
    text-decoration: none;
    margin: 0px 4px;
    border-radius: 3px;
    box-shadow: 0px 1px 2px black;
    text-shadow: 1px 1px 1px black;
}
.pagination a.active {
background-color: #CC0000;
color: white;
}
.pagination a:hover:not(.active) {background-color: #ddd;}

.modal{
background-image: url(../images/overlay.png);
}
.pagination {
display: inline-block;
margin-top: 15px;
}
.pagination a {
color: #ffffff;
    float: left;
    padding: 3px 11px;
    text-decoration: none;
    margin: 0px 4px;
    border-radius: 3px;
    box-shadow: 0px 1px 2px black;
    text-shadow: 1px 1px 1px black;
}
.pagination a.active {
background-color: #CC0000;
color: white;
}
.pagination a:hover:not(.active) {background-color: #ddd;}

.modal{
background-image: url(../images/overlay.png);
}