/* MTIB UIkit3 width fractions (halves→sixths) + auto/expand — companion to mtibfix.


   Inner card grids use uk-width-1-5@m / uk-width-4-5@m etc. v1 2026-09-21. */


.uk-width-1-2,.uk-width-2-4,.uk-width-3-6{width:50%;}


.uk-width-1-3,.uk-width-2-6{width:33.333%;}


.uk-width-2-3,.uk-width-4-6{width:66.666%;}


.uk-width-1-4{width:25%;}


.uk-width-3-4{width:75%;}


.uk-width-1-5{width:20%;}.uk-width-2-5{width:40%;}.uk-width-3-5{width:60%;}.uk-width-4-5{width:80%;}


.uk-width-1-6{width:16.666%;}.uk-width-5-6{width:83.333%;}


.uk-width-auto{width:auto;}.uk-width-expand{flex:1;width:auto;min-width:0;}


@media (min-width:640px){


  .uk-width-1-2\@s{width:50%;}.uk-width-1-3\@s{width:33.333%;}.uk-width-2-3\@s{width:66.666%;}


  .uk-width-1-4\@s{width:25%;}.uk-width-3-4\@s{width:75%;}


  .uk-width-1-5\@s{width:20%;}.uk-width-2-5\@s{width:40%;}.uk-width-3-5\@s{width:60%;}.uk-width-4-5\@s{width:80%;}


  .uk-width-1-6\@s{width:16.666%;}.uk-width-5-6\@s{width:83.333%;}


  .uk-width-auto\@s{width:auto;}.uk-width-expand\@s{flex:1;width:auto;min-width:0;}


}


@media (min-width:960px){


  .uk-width-1-2\@m{width:50%;}.uk-width-1-3\@m{width:33.333%;}.uk-width-2-3\@m{width:66.666%;}


  .uk-width-1-4\@m{width:25%;}.uk-width-3-4\@m{width:75%;}


  .uk-width-1-5\@m{width:20%;}.uk-width-2-5\@m{width:40%;}.uk-width-3-5\@m{width:60%;}.uk-width-4-5\@m{width:80%;}


  .uk-width-1-6\@m{width:16.666%;}.uk-width-5-6\@m{width:83.333%;}


  .uk-width-auto\@m{width:auto;}.uk-width-expand\@m{flex:1;width:auto;min-width:0;}


}


@media (min-width:1200px){


  .uk-width-1-2\@l{width:50%;}.uk-width-1-4\@l{width:25%;}.uk-width-3-4\@l{width:75%;}


  .uk-width-1-5\@l{width:20%;}.uk-width-4-5\@l{width:80%;}


  .uk-width-auto\@l{width:auto;}.uk-width-expand\@l{flex:1;width:auto;min-width:0;}


}


[uk-grid] > * img{max-width:100%;height:auto;}




/* Peta Laman (sitemap) — menu modules render in the content column with default

   list bullets (list-style:circle on .mod-menu__sub); the live site has none.

   Scope to .tm-content so sidebar/nav menus are untouched. */

.tm-content .mod-menu,.tm-content .mod-menu__sub,.tm-content ul.mod-list{list-style:none !important;margin-left:0;}

.tm-content .mod-menu__sub{padding-left:15px;}


/* com_content Bootstrap-5 pagination markup (.pagination .page-item .page-link) styled as
   the live boxed pager — UIkit 2 template leaves it as a bulleted vertical list otherwise. */
.tm-content .pagination .counter{color:#999;font-size:12px;margin:0 0 8px;}
.tm-content ul.pagination{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:18px 0;}
.tm-content ul.pagination .page-item{list-style:none;margin:0;}
.tm-content ul.pagination .page-link{display:block;min-width:34px;text-align:center;padding:7px 11px;border:1px solid #e0e0e0;margin-left:-1px;color:#8a8a8a;text-decoration:none;line-height:1.2;background:#fff;}
.tm-content ul.pagination .page-link:hover{background:#f5f5f5;color:#333;}
.tm-content ul.pagination .page-item.active .page-link{color:#111;font-weight:700;background:#f7f7f7;}
.tm-content ul.pagination .page-item.disabled .page-link{color:#dcdcdc;}

/* Pagination v2: the icon-angle glyphs need an icon font the template doesn't load, so the
   arrow boxes rendered EMPTY. Draw the chevrons with plain unicode instead, and make the
   pager compact + centered (old site is small/centered, not full width). No counter. */
.tm-content .pagination{text-align:center;}
.tm-content .pagination .counter{display:none;}
.tm-content .pagination__wrapper{text-align:center;}
.tm-content ul.pagination{display:inline-flex;flex-wrap:wrap;justify-content:center;float:none;margin:18px auto;}
.tm-content ul.pagination .page-link{min-width:24px;padding:5px 9px;font-size:13px;}
.tm-content ul.pagination [class*="icon-angle"]{font-style:normal;}
.tm-content ul.pagination [class*="icon-angle"]::before{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;}
.tm-content ul.pagination .icon-angle-left::before{content:"\2039";}
.tm-content ul.pagination .icon-angle-right::before{content:"\203A";}
.tm-content ul.pagination .icon-angle-double-left::before{content:"\00AB";}
.tm-content ul.pagination .icon-angle-double-right::before{content:"\00BB";}