/*Lao css */
@font-face {
   font-family: "Saysettha OT";
   font-style:  normal;
   font-weight: normal;
	src: local("Saysettha OT"),
	url('/++theme++lao/SAYSETT0.eot?#iefix') format('embedded-opentype'),
	url('/++theme++lao/saysettha_ot.woff') format('woff'),
	url('/++theme++lao/saysettha_ot.ttf') format('truetype'),
	url('/++theme++lao/saysettha_ot.svg#saysettha_ot') format('svg');
}

#pagewidth, #portal-mainnavigation, #frontcontent, #frontcontent p, #portal-footer-wrapper, #portal-top, #storycontent,  .sectionteaser p,
.mosaic-grid-row, div#storytext, .plone-nav, #frontsidebar, #title_first_image h2.title, .single_column_teaser p,
#topstorywidefull #topstorywidefulltease p, .service_widetop_two_featured .two_featured p, .section_widetop_two_featured .two_featured p,
.service_widetop_three_featured .three_featured p, .section_widetop_three_featured .three_featured p,  #commenting, .commentBody,
.newRFAbelow, .below_other_stories, #frontsidebar .relatedstories ul,
.image-caption, .lead_image_caption, #storytext figcaption, #storypagemaincol p.slideshow_caption {
    font-family: "Saysettha OT";
    line-height: 1.8em;
}
#pagewidth, .small_lead_top #topstorywidefull h2, .big_lead_section .mosaic-tile-content h1.documentFirstHeading,
.single_column_teaser h2, .single_column_teaser p, .small_lead_top .service_widetop_two_featured .two_featured h2,
.bigger_lead_top .service_widetop_two_featured .two_featured h2, .below_other_stories h2, .below_other_stories p,
.other_stories_three .single_column_teaser h2, .other_stories_three .below_other_stories p, .big_lead_section #topstorywidefull p,
.other_stories_three .big_other.below_other_stories h2, .other_stories_three .small_others .below_other_stories h2,
.other_stories_three .middle_others .middle_other_stories h2, .big_lead_section .sectionteaser_odd h2,
.big_lead_section .sectionteaser_even h2, .big_lead_section .service_widetop_two_featured .two_featured h2,
.big_lead_section .mosaic-width-third, .mosaic-width-third .mosaic-tile-content h2,
.rfaVideoPage #storyfooter .morevideothumb h2, .promoTitle {
    line-height: 1.8em;
}
.plone-nav > li > a {
    font-size: 14px;
    padding: 10px 7px;
}
.plone-nav > li:first-child {
    padding-left: 7px;
}
.small_lead_top .sectiontitle, .bigger_lead_top .sectiontitle,
.verybig_lead_top .sectiontitle {
    display: none;
}
#topstorywidefull #topstorywidefulltease p {
    margin-top:10px;
    margin-bottom: 10px;
    line-height: 24px;
}
#topstorywidefull #topstorywidefulltease h2 {
    line-height: 35px;
}
.big_lead_section .sectionteaser_odd h2, .big_lead_section .sectionteaser_even h2,
.big_lead_section .two_no_featured h2, .big_lead_section .service_widetop_two_featured .two_featured h2 {
    margin-bottom: 28px;
    line-height: 1.6em;
    height: 80px;
}
.promoTitle.mainPromo {
    margin-top: 30px;
}
#frontchannel {
    font-size: 14px;
    height: auto;
    border-bottom: 0.5px solid rgba(55,55,55,0.5);
    margin-top: -5px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    line-height: 1.3em;
    letter-spacing: .05em;
}
#frontchannel .dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}
#frontchannel .audio_icon {
    background-image: url("/++theme++cantonese/Audio_grey.png");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    float: left;
    height: 23px;
    width: 28px;
    margin-top: 8px;
}
#frontchannel .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f0f6f0;
  min-width: 160px;
    width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}
#frontchannel .dropdown:hover .dropdown-content {
  display: block;
}
#frontchannel .promoTitle {
    margin-bottom: 12px;
    font-size: 25px;
}
#frontchannelchannels ul {
    padding-inline-start: 18px;
    margin-top: 6px;
}
#frontchannel #more {
    font-size: 12px;
}
/*========== story text*/
#storypagemaincol p, #storytext, div#storytext {
    font-size: 16px;
}
.discussion .commentBody {
    word-break: break-word !important;
}

@media only screen and (max-width: 1000px) {
    .rfa_mobile.no_navi_bar {
        display: unset;
    }
    .rfa_mobile.no_navi_bar nav {
        display: flex;
        flex-direction: column;
        margin-left: 15px;
    }
    .rfa_mobile.no_navi_bar nav .plone-navbar-nav {
        margin: unset;
    }
    #portal-mainnavigation {
        position: unset;
        top: unset;
        right: unset;
    }
    .plone-nav > li:first-child {
        padding-left:unset;
    }
}