body {

  font-family: Pyidaungsu Book, Times New Roman, Serif !important;

}

.header-container ul.menu li a {
   color: #fff !important;
}

ul.sf-menu a, ul.sf-menu span.nolink {
  color: #fff;
}

.toolbar .toolbar-bar {
   background-color: #05733B !important;
}

p {

  font-size: 16px !important;

}

iframe.pdf {
  height: 900px !important;
}

select {
   margin: 0;
   padding: 10px 25px !important;
}

.messages {
   background: #d02124 !important;
}

@media (max-width: 360px) {
  .subfooter{
    width: 100% !important;
    margin:auto !important;
  }
  .subfooter .container{
    width: 95% !important;
    padding: 10px;
  }
  .subfooter__container{
    margin: 0;
  }
  #views_slideshow_cycle_teaser_section_banner-block_1 .views-field .field-content img{
    height: unset !important;
  }
}

@media (min-width: 1200px) {

  .section-wrapper {

    width: 1270px;

    margin: 20px auto;

  }

}



@media (min-width: 260px) and (max-width: 768px) {

  .region-pre-header .block {

    padding: 5px 0 !important;

  }

  .region-pre-header #search-block-form { 
    margin-top: 0 !important;
  }

  .region-pre-header .menu {
    margin-top: 5px !important;
  }

  .language-switcher {
    margin-top: 0 !important;
  }

  .views-row .grid-item {

    width: 100% !important;

  }



  .main-news-wrapper {

    height: 220px !important;

    margin-top: 5px !important;

  }

  .region-content {
    min-height: 650px;
  }

  #block-subscribebutton {
    top: 350px;
  }


  .popular-news-wrapper .item-list .editorials-grid-item {

    display: block !important;

  }



  .paper-images-wrapper {

    display: none;

  }



  .e-paper-ads .ads-title {

    font-size: 18px !important;

    padding: 0 !important;

  }



  .e-paper-ads .read-now {

    margin: 20px 0 !important;

    display: flex;

  }



  .e-paper-ads .btn-read-now {

    margin: auto;

  }



  .footer-menu {

    padding: 0 !important;

  }

}



.sticky-wrapper .header  {

  background-color: #05733b !important;

}



.main-content {

  background: #f0f8ff !important;

}



.responsive-menus.responsified span.toggler {

  box-shadow: 1px 1px 1px #05733b !important;

  background-color: #05733b !important;

  margin: 10px 0;

  width: 50px;

}



.responsive-menus.responsified .responsive-menus-simple li {

  background-color: #05733b;

}



#block-loginmenu .menu, #block-loginmenuen .menu {

  display: flex;

  justify-content: center;

  gap: 10px;

}

#block-loginmenuen {
  width: 25% !important;
  float: left !important;
}



.content-top-highlighted {

  margin: 15px 0;

}



.breadcrumb {

  width: 100% !important;

}



.breadcrumb__items {

  padding: 12px 0 !important;

}



.breadcrumb__item {

  font-size: 14px !important;

}



.bs-2col .bs-region {

  padding: 0 !important;

  margin-bottom: 20px !important;

}



.header-container .header {

  background: #05733b;

}

@media (min-width: 1200px) {
  .container {
      width: 1200px !important;
  }
}



.view-header {

  margin: 20px 0;

}



/* disable sticky menu */

.onscroll .header.js-fixed {

  position: static !important;

}



.content-top-highlighted__section {

  padding: 0;

}



.region-pre-header #search-block-form {

  margin-top: 20px;

}



.region-pre-header .menu {

  margin-top: 20px;

  padding: 0 20px !important;

}



.region-pre-header .menu .menu-item a {

  display: inline !important;

  padding: 0 !important;

  color: #ede719;

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

}





.region-pre-header .menu .menu-item a::hover {

  color: #fff !important;

}



.region-pre-header .menu .menu-item .is-active {

  color: #ede719 !important;

}



.region-pre-header .menu .menu-item {

  display: inline-flex !important;

  width: 100px;

  height: 40px;

  justify-content: center;

  align-items: center;

  border-radius: 5px;

  background: #238238;

}



.field--name-field-description {

  margin-top: 10px;

}





.header-container ul.menu li a::before {

  display: none !important;

}



.region-pre-header .menu .menu-item a::before {

  display: none;

}



.region-pre-header .menu .menu-item a:hover {

  color: #fff !important;

}

.region-pre-header .block {

  padding: 20px 0;

}

.logo img {
  width: auto;
  height: 80px;
}


.region-pre-header .language-switcher {

  margin-top: 20px;

  display: flex;

  gap: 5px;

  justify-content: center;

}



.region-pre-header .language-switcher .myanmar-flag {

  display: inline-flex !important;

  width: 100px;

  height: 40px;

  justify-content: center;

  align-items: center;

  border-radius: 5px;

  background: #238238;

}



.region-pre-header .language-switcher .english-flag {
  
  display: inline-flex !important;

  width: 100px;

  height: 40px;

  justify-content: center;

  align-items: center;

  border-radius: 5px;

  background: #238238;

}

.region-pre-header .language-switcher a {
  color: #ede719 !important;
}


.region-header .menu .menu-item a {

  color: #fff;

  font-weight: 400;

}

.region-header .menu .menu-item a:hover {

  color: #f9cb38 !important;

}


.region-header .menu .menu-item a.is-active {

  color: #f9cb38;

}

.rm-no-class {
  background-color: #05733b !important;
}

ul.sf-menu .sf-sub-indicator {
  /*right: 0.42em !important;*/
  right: 0.1em !important;
}

.header-container ul.sf-menu > li > a.menuparent:after { right:6px;}

.region-content {

  position: relative;
  min-height: 900px;
}



.region-content .page-title span {

  font-size: 16px;

}

.region-content .node__container .image-container .image-wrapper  img {
  max-height: 350px;
  width: auto !important;
}

.field--name-field-summary {

  padding: 10px;

}



#block-magazine-lite-content {

  min-height: 600px;

}



#block-subscribebutton {

  padding: 20px;

  background: #1D976C;  /* fallback for old browsers */

  background: -webkit-linear-gradient(to right, #93F9B9, #1D976C);  /* Chrome 10-25, Safari 5.1-6 */

  background: linear-gradient(to right, #93F9B9, #1D976C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  position: absolute;

  top: 550px;

  width: 100%;

  z-index: 1;

  opacity: 0.9;

}



#block-subscribebutton .view-subscribe {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  height: 300px;

  position: relative;

}



#block-subscribebutton .view-subscribe .subscribe-btn {

  background-color: #05733b;

  color: #fff;

}



#block-subscribebutton .view-subscribe h4 {

  color: #05733b;

}

#block-visitors ul {
  list-style: none !important;
}

#block-visitors ul li {
  font-size: 18px;
}


.main-content__section .field--name-field-summary {

  position: relative;

  z-index: 0;

}



.node__main-content p {

  background-color: #F0F8FF;

}



.main-news-wrapper {

  position: relative;

  width: 100%;

  height: 420px;

}



.main-news-wrapper img {

  min-height: 100%;

  width: 100%;

}



.main-news-wrapper a {

  padding: 12px;

  position: absolute;

  left: 0;

  bottom: 0;

  text-decoration: none;

  font-weight: 400;

  color: #fff;

  z-index: 11;

}



.image-overlay {

  position: absolute;

  bottom: 0px;

  left: 0px;

  right: 0px;

  top: 0px;

  opacity: 0.2;

  filter: alpha(opacity=0);

  -webkit-transition: opacity 0.2s linear;

  -moz-transition: opacity 0.2s linear;

  -o-transition: opacity 0.2s linear;

  transition: opacity 0.2s linear;

  z-index: 10;

  background: #333;

}



.rectangle-carousel-wrapper,

.two-columns-wrapper {

  display: flex;

  overflow: hidden;

  position: relative;

  height: 200px;

  margin: 5px;

}


.rectangle-carousel-wrapper img,

.two-columns-wrapper img {

  flex: 0 0 auto;

  width: 100%;

  height: fit-content !important;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  transition: transform 0.3s ease;

}



.rectangle-carousel-wrapper a,

.two-columns-wrapper a {

  padding: 12px;

  position: absolute;

  left: 0;

  bottom: 0;

  text-decoration: none;

  font-size: 14px;

  font-weight: 400;

  color: #fff;

  z-index: 11;

}



.popular-news-wrapper .view-header,

.latest-news-wrapper .view-header,

.grid-view .view-header,

#block-pagetitle

{

  margin: 20px 0;

  position: relative;

}



.popular-news-wrapper .view-header::after,

.latest-news-wrapper .view-header::after,

.grid-view .view-header::after

{

  content: "";

  position: absolute;

  width: 100%;

  height: 3px;

  background-color: #05733b;

  bottom: 0;

  left: 0;

}



.view-header h2 {

  display: inline-block;

  background: #05733b;

  padding: 12px;

  font-size: 18px;

  color: #ede719;

  margin: 0;

}



/*

#block-pagetitle .page-title {

  display: inline-block;

  background: #05733b;

  padding: 12px;

  font-size: 18px;

  color: #ede719;

  margin: 0;

}

*/



.three-columns-news-item {

  margin-bottom: 16px;

}



.three-columns-news-item a {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  text-overflow: ellipsis;

  margin: 5px 0;

  font-weight: 700;

  height: 50px;

}



.three-columns-news-item svg {

  vertical-align: -0.335em !important;

}



.three-columns-news-item img {

  height: 280px;

  width: 100%;

}



.three-columns-news-item .date-time {

  margin-left: 5px;

}



.e-paper-ads {

  background-color: #05733b !important;

  height: auto;

  width: 100%;

}



.e-paper-ads .ads-title {

  font-size: 33px;

  color: #f9cb38;

  padding: 0 60px;

  line-height: normal;

  font-weight: 400;

}



.e-paper-ads .read-now {

  margin-left: 60px;
}



.btn-read-now , .btn-view-more {

  display: inline-flex;

  padding: 8px 42px 7px 41px;

  justify-content: center;

  align-items: center;

  color: #fff;

  border-radius: 5px;

  background: #084f18 !important;

}


.video-footer {
  float: right;
}


.e-paper-ads .paper-images-wrapper {

  position: relative;

  height: 220px;

}



.e-paper-ads .paper-images-wrapper img {

  position: absolute;

  bottom: 0;

  max-height: 300px;

}



.e-paper-ads .paper-images-wrapper #paper-1 {

  left: 0;

}



.e-paper-ads .paper-images-wrapper #paper-2 {

  left: 100px;

}



.e-paper-ads .paper-images-wrapper #paper-3 {

  left: 190px;

}



.e-paper-ads .paper-images-wrapper #paper-4 {

  left: 295px;

}



.e-paper-ads .paper-images-wrapper #paper-5 {

  right: 0px;

}



.two-columns-grid-item {

  margin-bottom: 16px;

}



.two-columns-grid-item a {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  text-overflow: ellipsis;

  margin: 5px 0;

  font-weight: 700;

  height: 50px;

}



.two-columns-grid-item svg {

  vertical-align: -0.335em !important;

}



.two-columns-grid-item img {

  height: 280px;

  min-width: 100%;

}



.two-columns-grid-item .date-time {

  margin-left: 5px;

}



#editorials-section {

  padding: 0 20px !important;

}



.popular-news-wrapper .item-list .field-content {

  padding: 0;

}



.popular-news-wrapper .item-list ul {

  list-style: none !important;

}



.popular-news-wrapper .item-list .editorials-grid-item {

  display: flex;

  margin: 30px 0;

}



.editorials-grid-item .description {

  display: flex;

  justify-content: center;

  flex-direction: column;

  padding: 10px;

  font-size: 14px;

  font-weight: 600;

  line-height: normal;

}



.editorials-grid-item .description .created-at {

  margin-top: 10px;

}



.popular-news-wrapper .editorials-grid-item img {

  min-width: 200px;

  height: 160px;

  padding: 10px;

  border: 1px solid #05733b;

}



.advertisements-grid-item img {

  width: 100%;

  height: 150px;

  margin-bottom: 30px;

}



.footer-second .footer-menu {

  list-style: none;

}



.grid-view {

  margin: 40px 20px 0 20px;

}



.grid-view .grid-column {

  display: flex;

  flex-direction: column;

  align-items: center;

  margin-bottom: 25px;

}



.grid-view .grid-column img {

  width: 100%;

  height: 230px;

}



.grid-view .grid-column .details {

  width: 100%;

  margin: 15px;

}



.pager__items li.pager__item {

  border-radius: 5px !important;

  border: 1px solid #238238 !important;

  margin: 0 10px;

  padding: 0 8px;

}

.view-market-price-by-sellers-table .pager__items li.pager__item a {
  background: transparent !important;
}

.view-market-price-by-sellers-table .pager__items li.is-active {
  border: none !important;
  background: transparent !important;
}

.view-market-price-by-sellers-table {
  background: #fff;
  padding: 30px;
  margin-top: 20px;
}

#edit-submit-market-price-by-sellers-table {
  background: #05733B !important;
}


.pager__items li.pager__item a {

  color: #238238;

}


.pager__items li.is-active {

  background: #238238 !important;

}



.pager__items li.is-active a {

  color: #ede719;

}



.grid-view .grid-column .details a {

  color: #222;

  font-family: Pyidaungsu Book;

  font-size: 15px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  word-wrap: break-word;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  text-overflow: ellipsis;

}



.view-sidebars {

  margin-top: 20px;

}



.view-sidebars .views-row {

  margin-top: 20px;

}



.related-news {

  display: flex;

  align-items: center;

}



.related-news .thumbnail_img {

  width: 200px;

  height: 150px;

  overflow: hidden;

}



.related-news img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.related-news .description {

  flex: 1;

  display: flex;

  flex-direction: column;

  width: 50%;

  padding: 0 8px;

}



.related-news .description svg {

  margin: 0 5px;

}



.related-news .description a {

  color: #222;

  font-family: Pyidaungsu Book;

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  display: -webkit-box; 

  -webkit-box-orient: vertical; 

  -webkit-line-clamp: 3; 

  overflow: hidden; 

  text-overflow: ellipsis;

}



.grid-view .grid-column .created-at {

  margin-top: 5px;

  align-self: flex-start;

}

.e-papers .e-paper-title {
    display: flex;

    justify-content: center;

    padding: 12px 0;
}


.e-papers .paper-button-views {

  display: flex;

  flex-direction: column;

  align-items: center;

  margin-bottom: 25px;

}



.e-papers .paper-button-views a {

  display: inline-block;

  width: 200px;

  height: 50px;

  padding: 10px;

  text-align: center;

  color: #ede719;

  margin: 5px;

  background-color: #05733b;

  border-radius: 5px;

}



.footer-second .footer-menu {

  list-style: none;

  margin-top: 16px;

}



.footer {

  background: #05733b;

}



.footer-second .footer-menu .menu-item {

  padding: 12px;

}



.footer-second .footer-menu .menu-item .social-icons {

  margin: 0 10px;

}



.footer-second .footer-menu .menu-item span {

  margin-right: 10px;

  font-size: 20px;

}



.footer-second {

  padding: 0 !important;

  margin-top: 12px;

}



.footer-second .footer-section-center .footer-menu {

  list-style: none;

}



.footer-section-center .footer-menu .menu-item {

  padding: 6px 12px;

}



#block-webform .title {

  color: #000;

  font-family: Pyidaungsu Book;

  font-size: 22px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  margin: 15px 0;

}



#webform-submission-contact-node-53-add-form {

  width: 750px;

  margin: auto;

  padding: 30px 120px;

  background-color: #fff !important;

  border-radius: 10px;

  box-shadow: 0px 0px 10px 0px #a7ceef;

}



#webform-submfssion-contact-node-53-add-form .form-item input {

  border-radius: 5px;

}



#webform-submission-contact-node-53-add-form .iti--allow-dropdown {

  width: 100%;

}



#edit-actions--2 {

  display: flex;

  justify-content: center;

}



#user-register-form #edit-actions , #user-login-form #edit-actions {

   display: flex;

   justify-content: center;

}



#user-register-form #edit-actions #edit-submit , #user-login-form #edit-actions #edit-submit,

#block-webform #edit-actions-submit

{

  background: #238238 !important;

  border-radius: 3px;

}



.editor-board-table tr p span.members {

  padding-left: 70px;

  color: #238238 !important;

  font-weight: 800;

}

 
.editor-board-table tbody tr td p {
  background: transparent !important;
}

/* visitor block */
#block-visitors {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 30px;
}

/* cavas pdf fullscreen */
#screen-control #full_screen {
  display: none;
}

/* Menu Width */
#rm-no-id {
  width: 14em !important;
}

/* Datatable */
#datatable_previous , #datatable_next {
  padding-right: 12px;
  font-size: 16px;
  font-weight: 700;
}

/* Banner Ads */

.subfooter {
  position: fixed;
  bottom: 90px;
  width: 600px;
  height: 160px;
  background: transparent;
  z-index: 99;
  margin: 0 30%;
}
@media (min-width: 960px) {
.subfooter .container {
  width: 600px !important;
  /*width: 600px;*/
}
}
#views_slideshow_cycle_teaser_section_banner-block_1 {
  width: 100% !important;
}

#views_slideshow_cycle_teaser_section_banner-block_1 .views-field .field-content img {
  width: 570px;
  height: 222px;
}

.views_slideshow_slide {
  width: 100% !important;
}


/* Video Banner */
.single-video-banner .field-thumbnail {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.single-video-banner .field-thumbnail-img {
  min-width: 100%;
  height: 380px;
}

.single-video-banner .field-thumbnail a {
  position: absolute;
  color: #fff;
  font-size: 80px;
  cursor: pointer;
}

.single-video-banner .field-thumbnail a:hover svg {
  color: #05733b;
}

.single-video-banner .created-at svg {
  vertical-align: -0.3335em !important;
}

.single-video-banner .field-title a {
  display: block;
  padding: 12px;
  font-size: 18px;
  font-weight: 700;
}

.single-video-banner .created-at {
  padding: 12px;
}

.single-video-banner .created-at .date {
  margin-left: 5px;
}

.grid-videos {
  padding: 20px;
  margin-top: 55px;
}

.grid-video-banner {
  display: flex;
  margin: 8px 0;
}

.grid-video-banner .field-thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
}

.grid-video-banner .field-thumbnail .field-thumbnail-img {
  width: 200px;
  height: 112px;
}

.grid-video-banner .field-thumbnail a {
  position: absolute;
  color: #fff;
  font-size: 40px;
  cursor: pointer;
}

.grid-video-banner .field-thumbnail a:hover svg {
  color: #05733b;
}

.grid-video-banner .field-title {
  padding: 12px;
  width: 100%;
}

.grid-video-banner .field-title a{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}

.grid-video-banner .created-at svg {
  vertical-align: -0.3335em !important;
}

.grid-video-banner .created-at .date {
  margin-left: 3px;
}

@media (max-width: 320px) {
  .grid-video-banner .field-thumbnail .field-thumbnail-img {
     height: 80px;
  } 
}

@media (max-width: 424px) {
  .single-video-banner .field-thumbnail-img {
     height: 220px;
  }
}

@media (max-width: 768px) {
  .grid-videos {
     margin-top: 0;
  }
}

@media (max-width: 1024px) and  (min-width: 768px) {
  .grid-video-banner .field-thumbnail {
      width: auto;
 }

.main-content__section {
   padding: 0 !important;
}
}

/* hide the nav bar of pdf reader */

#download { display: none !important; }


/* for News MM* view */

.grid-view1 .view-header,

#block-pagetitle

{

  margin: 20px 0;

  position: relative;

}

.grid-view1 .view-header::after

{

  content: "";

  position: absolute;

  width: 100%;

  height: 3px;

  background-color: #05733b;

  bottom: 0;

  left: 0;

}

.grid-view1 {

  margin: 40px 20px 0 20px;

}

.grid-view1 .grid-column {

  display: flex;

  flex-direction: row;

  align-items: center;

  margin:  15px;

}

.grid-view1 .views-view-grid .views-row {
  border-bottom: solid #00000014 1px;
}

.grid-view1 .grid-column img {

  width: 20%;

  height: auto;

  aspect-ratio: 4 / 3;

}

.grid-view1 .grid-column .details {

  width: 100%;

  margin: 0px 15px;

}

.grid-view1 .grid-column .details a {

  color: #222;

  font-family: Pyidaungsu Book;

  font-size: 15px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  word-wrap: break-word;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  text-overflow: ellipsis;

}

.grid-view1 .grid-column .created-at {

  margin-top: 5px;

  align-self: flex-start;

}

/* END News MM* view */