/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */
body, .ck-content {
  overflow-x: hidden !important;
  font-family: Pyidaungsu !important;
}
 
p{ 
    src: url("fonts/pyidaungsu-regular.ttf");
    font-family: Roboto, Pyidaungsu !important;
    font-size: 15px !important;
    text-align: justify;
}

h1{ 
    font-family: Pyidaungsu !important; 
    line-height: 25px;
    display: block;
    color: #474d4b;
}
h2 {
    font-family: Pyidaungsu !important;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.5em;
    padding: 0;
}    
h3{
    font-weight: normal;
    font-size: 21px;
    color: #474d4b;
    padding: 0px 0 0px 0;
} 

@font-face {
  font-family: "Pyidaungsu" !important;
  src: url("fonts/pyidaungsu-regular.ttf") format("truetype"),
       url('fonts/Pyidaungsu.woff2') format('woff2'),
       url('fonts/Pyidaungsu.woff') format('woff');
  font-weight: normal;
} 
/* ===================
 * Display:none
 * =================== */
.l-attribution, #block-hotel-branding .site-branding__text, 
.path-frontpage #main-content, .fieldset-legend,
.file-size{
    display: none !important;
}

/* ===================
 * Logo and Menu
 * =================== */
 #masthead{
 	background-color: #eeeeee !important;
    height: 70px;
    border-bottom: 6px solid #C29720;
 }
 #rid-header-second, #rid-header-first,
 .sitelogo, .headerone, .headertwo{
    height: 70px;
}
 .sitelogo{
    width: fit-content;
    float: left;
}
 .sitelogo img{
 	margin: -37px 0px 0px 0px;
    position: relative;
    z-index: 500;
 }
 .headerone {
 	margin: 0px 0px 0px 0px;
    width: fit-content;
    float: inline-start;
}
.headerone img{
    height: auto;
    width: 650px;
    margin-left: -20px;
}
.headertwo p a {
    text-decoration: none;
    color: #000;
    border: 1px solid #ddd;
    padding: 3px 10px;
    border-radius: 7px;
    box-shadow: 2px 1px black;
    margin-right: 5px;
    font-size: 14px;
    position: relative;
    z-index: 1;
}
 
#navbar{
    background-color: #235d37 !important;
    height: 70px;
}
.mainmenu #superfish-main {
    margin: 24px 0px 0px 170px !important;
}
a.sf-depth-1{
    padding-right: 0.5em !important;
    font-weight: bold !important;
    border-right: 1px solid #4B7A5B !important;
}
a.sf-depth-1, a.sf-depth-2, a.sf-depth-3{
    font-family: pyidaungsu-regular;
    color: #ffffff !important;
    background-color: #235d37 !important;
    text-align: left !important;
    font-size: 14px !important;
    line-height: 1.5em !important;
    
}
.sf-depth-2{
 max-width: 250px !important;
}
a.sf-depth-2, a.sf-depth-3{
    border-bottom: 1px solid #4B7A5B !important;
}
a.sf-depth-1:hover, a.sf-depth-2:hover, a.sf-depth-3:hover{
    background-color: #ffffff !important;
    color:  #235d37 !important;
    text-decoration: none;
}
ul.sf-menu.sf-horizontal.sf-shadow ul{
    margin-top: 6px !important;
 max-width: 250px !important;
}
.sf-sub-indicator{
    margin: 15px -12px 0px 0px !important;
}

/* ===================
 * Slider
 * =================== */
.path-frontpage #leaderboard .regions,.path-frontpage #rid-leaderboard{
    justify-content: normal !important;
    padding: 0px 0px 0px 0px !important;
 }
.path-frontpage #leaderboard,.path-frontpage #rid-leaderboard{
    height: 550px !important;
    justify-content: normal !important;
 }
.path-not-frontpage #leaderboard .regions,.path-not-frontpage #rid-leaderboard{
    justify-content: normal !important;
    padding: 0px 0px 0px 0px !important;
 }
.path-not-frontpage #leaderboard{
    height: 289px !important;
    justify-content: normal !important;
 }

 .flexslider{
    border: none !important;
    padding: 0 !important;
 }
 .flex-direction-nav a:before {
    margin-top: 10px;
}
.flex-next{
    margin-right: 10px !important;
}
.flexslider .slides img{
    width: auto !important;
}
.home-slider .flexslider,
.home-slider .flexslider ul .views-field-field-flexslider-example-image img{
    width: 100vw !important;
    height: 550px !important;
}
.home-slider .views-field-body{
    position: relative !important;
    float: right;
    width: 48%;
    height: auto;
    padding: 20px;
    margin: -470px 80px 0px 0px;
}
.home-slider .views-field-body a {
    display: block;
    width: fit-content;
    margin:30px 0px 0px 0px;
    text-decoration: none;
    color: #000;
    padding: 10px 14px 6px 14px;
    margin-top:10px;
    border-radius: 5px;
    background-color: #F2CB65;
}
.home-slider .flex-control-paging li a{
    cursor: pointer;
    top: -40px;
    position: relative;
    z-index: 2 !important;
}
.home-slider .flex-control-paging li a.flex-active{
    background: #ededed !important;
    cursor: default;
}
.path-not-frontpage .sliderlogoimg, 
.path-not-frontpage .slidertext a {
    display: none !important;
}
 /* ===================
 * Breadcrumbs
 * =================== */
 #content-prefix {
    background-color: #fff !important;
 }
 .path-frontpage .breadcrumbs{
    display: none;
 }
/* ===================
 * contact info for advice
 * =================== */
#highlighted{
    border-top: 3px solid #ffffff;
    background-color: #f2cb65;
    height: 65px;
}
#highlighted .container, #rid-highlighted{
    background-color:transparent !important;
    height: -webkit-fill-available;
}
#highlighted p{
    text-align: center;
    color: #000 ;
}

/* ===================
 * Marquee block
 * =================== */
#features {
    background: #235D37;
}
#features .marqueeblock{
    margin:10px 0px 0px 0px;
}
.marquee-row{
    margin-right: 100px;
}
#features .marqueeblock a {
    text-decoration: none;
    color: #fff;
}

/* ===================
 * News Block and Meeting Block
 * =================== */
 .path-frontpage #meeting{
    background-color: #ffffff !important;
    padding: 20px 0px 0px 0px;
 }
  .path-frontpage #content-prefix{
    background-color: #ffffff !important;
    padding: 0px 0px 20px 0px;
 }
#meeting .regions,
#content-prefix .regions{
    background-color: #ffffff !important;
  }
.path-frontpage #rid-meeting,
.path-frontpage #rid-content-prefix{
background-color: #ffffff !important;
   padding: 0px 40px 20px 40px;
}
.newsblock .views-field-title a,
.newsblock h1{
    color: #0000ee;
    font-size: 27px;
    font-weight: bold;
    line-height: 1.5em;
}
.path-frontpage .newsblock  .views-field-view-node{
    margin:20px 0px 0 0;
}
.views-field-created{
    margin: 10px 0 10px 0;
}
.views-field-created .datetime{
    font-size: 15px;
    color: #bbbbbb;
}
.newsblock p{
    color: #000;
}

/* ===================
 * Video Section
 * =================== */
#content-suffix{
    background-color: #EEE !important;
    padding: 40px 0px 40px 0px;
}
#content-suffix .container, #rid-content-suffix{
    background-color: #EEE !important;
}
.videoblock .views-view-responsive-grid__item {
    border: 1px solid #ddd;
    padding-bottom: 20px;
}
.videoblock iframe, .videoblock img{
    width: 100%;
    height: 400px;
}
.videoblock p{
    margin: 0px;
    text-align: center;
}
.videoblock a {
    text-align: center;
    text-decoration: none;
    /*color: #88b6bd;*/
    font-size: 15px;
}

/* ===================
 * Route Map
 * =================== */
#sub-features{
    padding: 40px 0px 40px 0px;
    background-color: #fff !important;
}
.routemap .block__title{
    text-align: center;
    font-size: 25px;
    margin-bottom: 25px;
}
.routemap .views-view-responsive-grid__item {
 border: 8px solid #808080;
}

/* ===================
 * Future Plan Section
 * =================== */
#future-plan{
    background-color: #EEE !important;
    padding: 20px 0px 20px 0px;
}
#future-plan .container, #rid-future-plan{
    background-color: #EEE !important;
}
.futureplan iframe, .futureplan img{
    width: 100%;
    height: 400px;
    border: 8px solid #808080;
}
.futureplan p{
    margin-top: 20px;
    text-align: center;
}
.futureplan a {
    text-align: center;
    text-decoration: none;
    font-size: 15px;
}
/* ===================
 * Footer
 * =================== */
.pr-footer {
    background: #235D37;
    height: 70px;
}
.copyright{
    width: 50%;
    float: left;
}
.sitelink{
    width: 50%;
    float: right;
}
.sitelink p{
    text-align: right;
}
.sitelink p a{
    color: #ffffff !important;
}
/* ===================
 * Main Content
 * =================== */
 #main-content{
    background-color: #fff !important;
    padding: 20px 0px 40px 0px;
 }
 .path-not-frontpage #main-content{
    padding-top: 0px;
 }
#main-content .regions, #rid-content, #rid-sidebar-first{
    background-color: #fff !important;
 }
 .node__title{
    color:#111;
    font-weight: bold;
    font-size: 27px;
 }
#main-content p{
    line-height: 2em;
  }
.node--id-12 .node__content{
    background-color:#0cad5a;
    color: #ffff00;
    padding:40px 20px 0px 20px;
}
.node--id-12 .node__content h4{
    padding: 20px 0px;
    font-size: 25px;
    font-weight: bold;
}
.node--id-12 .node__content h5{
    font-weight: bold;
    line-height: 1.5em;
}
.node--id-12 .node__content h6{
    color:#fc313b;
    font-weight: bold;
}
.page-body {
  display: flex;
  gap: 20px;              /* column အကြားအကွာ */
}
.page-body .col1,.page-body .col2, .page-body .col3, .page-body .col4  {
  width: 25%;             /* 4 columns */
  padding: 10px;
  box-sizing: border-box;
}
/* ===================
 * Siderbar
 * =================== */
 .sidebar-block p{
    margin: 0;
 }
 .sidebar-block a{
    color: #000;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 10px;
 }
 .sidebar-block a:hover{
    background-color: #EEE;
 }
  .latest-news-sidebar-block .views-row{
    border-bottom: 1px solid #ddd;
    padding: 10px;
 }
 .latest-news-sidebar-block  h2{
    font-weight: normal;
    background-color: #ddd;
    color: #189639;
    padding: 10px;
    border-radius: 3px;
}
 .latest-news-sidebar-block  a {
    text-decoration: none;
    color: #000;
    font-size: 18px;
}
.latest-news-sidebar-block .views-field-field-post-date {
    color: rgb(97, 171, 122);
    font-size: 15px;
    margin: 10px 0px;
}
/* ===================
 * bus Stop
 * =================== */
 .node--id-39 .table, .node--id-39 .table th, .node--id-39 .table td, .node--id-39 .table tr{
      width: -webkit-fill-available;
      border: none !important;
      border-collapse: collapse;
      padding: 8px;
 }
 .node--id-39 .table:hover, .node--id-39 .table th:hover, .node--id-39 .table td:hover, 
 .node--id-39 .table tr:hover{
  background-color: transparent !important;
 }
.node--id-39 .table img{
    height: 496px;
    width: 373px;
 }
 /* ===================
 * News and Announcements
 * =================== */
 .node__title{
    line-height: 1.5em;
 }
 #block-views-block-archive-block-1 h2 {
    font-weight: normal;
    border-radius: 4px;
    padding: 10px;
    background-color: rgba(11, 120, 82, 0.49);
    margin-bottom: 30px;
}
#block-views-block-archive-block-1 a{
    display:inline-block;
}
.view-news-and-annoncements .view-rows .views-row{
    padding: 20px;
    height: 260px;
    border-bottom: 1px solid #dfd9d9;
}
.view-news-and-annoncements .views-field-title a{
    font-size: 18px;
}
.view-news-and-annoncements .views-field-field-upload-image{
    width: 30%;
    float: left;
}
.views-label-field-post-date{
    float: left;
}
.view-news-and-annoncements .views-field-field-post-date{
    font-size: 13px !important;
    color: #bbb;
    margin: 8px 0px 8px 0px !important;
}
.view-news-and-annoncements .views-field-view-node{
    float: right;
    margin-top: 90px;
}
.page-node-type--news-announcements .table img {
    border: 3px solid #3C895D;
    margin: 0px 30px 25px 0px;
    border-radius: 5px;
    width: auto;
    height: 250px;
}
.node--id-64 .table img{
    height: 250px;
}
 /* ===================
 * Contact uss
 * =================== */
.contact-sidebar-block h6{
    color:#008000;
    line-height: 1.5em;
}
.contact-sidebar-block {
    border: 3px solid #808080;
    margin: 0px 30px;
    padding: 10px;
}


/* =============================================================================
Media Quaries
 * ========================================================================== */    
@media screen and (min-width: 320px) and (max-width: 425px){
.sitelogo img {
        width: 110px;
        height: 82px;
        margin: -37px 0px 0px -20px;
    }
.headerone {
    margin: -85px -56px 0px 0px;
}
.headerone img {
    width: 259px;
    margin:-45px 0px 0px 69px;
}
.headertwo{
    margin:-62px 0px 0px 0px;
}
.headertwo p a{
    font-size: 12px;
    float: right;
    padding: 1px 5px;
}    
#superfish-main-toggle{
    background: transparent; 
    margin-top: 20px;
    color: #fff;
}
#superfish-main-toggle span{
  display: none;
}
.home-slider .views-field-body {
    position: relative !important;
    /* float: right; */
    width: 100%;
    height: auto;
    padding: 20px;
    margin: -565px 0px 0px 0px;
}
#highlighted {
    height: 140px;
}
.path-frontpage #rid-content-prefix {
    padding: 0px 0px 0px 0px;
}
.newsblock h1 {
    font-size: 15px;
}
.routemap .block__title {
    font-size: 20px;
}
.videoblock img {
    height: 150px;
}
.videoblock iframe, 
.futureplan iframe, .futureplan img{
    height: auto;
}
.pr-footer {
    height: auto;
}
.copyright, .sitelink {
    width: 100%;
    float: none;
}
.sitelink p{
    text-align: left;
}
.table{
    width: 100% !important;
}
.view-news-and-annoncements .view-rows .views-row{
    padding: 20px;
    height: auto;
}
.view-news-and-annoncements .views-field-field-upload-image {
    width: 100%;
    float: none;
}
.view-news-and-annoncements .views-field-view-node {
    float: none;
    margin-top: 0px; 
}
}

@media screen and (min-width: 426px) and (max-width: 768px) {
.sitelogo img {
        width: 110px;
        height: 82px;
        margin: -37px 0px 0px -20px;
    }
.headerone {
    margin: -85px -56px 0px 0px;
}
.headerone img {
    width: 259px;
    margin:-45px 0px 0px 69px;
}
.headertwo{
    margin:-62px 0px 0px 0px;
}
.headertwo p a{
    font-size: 12px;
    float: right;
    padding: 1px 5px;
}    
#superfish-main-toggle{
    background: transparent; 
    margin-top: 20px;
    color: #fff;
}
#superfish-main-toggle span{
  display: none;
}
.home-slider .views-field-body {
    position: relative !important;
    /* float: right; */
    width: 100%;
    height: auto;
    padding: 20px;
    margin: -565px 0px 0px 0px;
}
#highlighted {
    height: 140px;
}
.path-frontpage #rid-content-prefix {
    padding: 0px 0px 0px 0px;
}
.newsblock h1 {
    font-size: 15px;
}
.routemap .block__title {
    font-size: 20px;
}
.videoblock img {
    height: 150px;
}
.videoblock iframe, 
.futureplan iframe, .futureplan img{
    height: auto;
}
.pr-footer {
    height: auto;
}
.copyright, .sitelink {
    width: 100%;
    float: none;
}
.sitelink p{
    text-align: left;
}
.table{
    width: 100% !important;
}
.view-news-and-annoncements .view-rows .views-row{
    padding: 20px;
    height: auto;
}
.view-news-and-annoncements .views-field-field-upload-image {
    width: 100%;
    float: none;
}
.view-news-and-annoncements .views-field-view-node {
    float: none;
    margin-top: 0px; 
}
.mainmenu #superfish-main {
    margin: 0px 0px 0px 0px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
    .sitelogo img {
    width: 120px;
    height: 83px;
    margin: -37px 0px 0px -21px;
}
.mainmenu #superfish-main {
    margin: 0px 0px 0px 0px !important;
}
a.sf-depth-1, a.sf-depth-2, a.sf-depth-3 {
    font-size: 12px !important;
}
}
@media (max-width: 768px) {
  .page-body {
    flex-direction: column;
  }
  .page-body .col1, .page-body .col2, .page-body .col3, .page-body .col4 {
    width: 100%;
  }
}