/* RESET */
html, body, div, ul, ol, li, form, fieldset, h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0;}
input, textarea, select {padding: 3px; margin: 0;}
ul {list-style: none;}
img, fieldset {border: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin-bottom: 5px; line-height: 1.5em;}
em {font-style: italic;}
strong {font-weight: bold;}
table {border-spacing: 2px; width: 100%; font-size: 0.8em;}
tr, td, tbody, thead, tfoot {padding: 2px;}
:focus {outline: 0;}
hr {background: none; border: none; margin: 10px 0; border-bottom: 1px solid #ccc; clear: both;}

/* --- 1. GLOBAL RESET --- */
body {
    background: #ffffff; /* Pure white for a fresh, modern look */
    font: 400 1em/1.7 'Open Sans', Arial, Verdana, sans-serif;
    color: #444;
    margin: 0;
    padding: 0;
}

body p {
    margin-bottom: 25px;
    line-height: 1.8;
    word-wrap: break-word;
}

/* Misc */
.hide {display: none;}
.focused {background: #f9f9f9;}
table {font-size: 1em;}

/* Whole structure */
#container {margin: 0 auto; overflow: hidden; width: 1140px; font-size: 1em;}

/* --- MODERN HEADER SPLIT (Logo Left, Menu Right) --- */

#header {
    max-width: 1050px;      /* Keeps the header aligned with your content */
    margin: 0 auto;         /* Centers the header container on the screen */
    padding: 20px 0;
    display: flex !important;
    justify-content: space-between !important; /* Pushes Logo Left, Menu Right */
    align-items: center !important;            /* Vertical alignment */
    height: auto !important;                   /* Removes old fixed heights */
    background: #ffffff;
    position: relative;
}

/* THE LOGO (Left) */
.header-title {
    display: block;
    margin: 0 !important;
    float: none !important;
    /* If your logo is an image, you can set a width here, e.g., width: 250px; */
    text-decoration: none;
}

/* THE TOP MENU (Right) */
ul.top-menu {
    position: static !important; /* Removes the "fly-away" absolute positioning */
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
}

ul.top-menu li.list {
    margin-left: 20px;       /* Spacing between menu items */
    margin-right: 0 !important;
    padding: 0 !important;
    border-right: none !important; /* Remove the old vertical bars */
}

ul.top-menu li.list a {
    color: #444 !important;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: color 0.2s;
}

ul.top-menu li.list a:hover {
    color: #F8941D !important;
}

#content {display: inline; float: left; width: 740px; margin-left: 10px; padding: 20px 0;}
#aside {display: inline; float: right; width: 370px; margin-right: 10px; padding: 20px 0;}
/* 3. THE FULL WIDTH SANDY AREA */
#footer {
    clear: both;
    width: 100% !important;
    margin: 50px 0 0 0 !important;
    padding: 60px 0 0 0 !important;
    border-top: 1px solid #e0e0e0;
    background: #f5f2ed url('../images/background.jpg') repeat !important;
}

/* 4. THE CENTERED CONTENT + BIG DECORATIVE IMAGE */
#footer-inner {
    max-width: 1050px;
    margin: 0 auto !important;
    padding-bottom: 280px !important; /* Space for footer_bg.jpg */
    background: url('../images/footer_bg.jpg') no-repeat bottom center !important;
    
    /* THE SPLIT: This creates the Left/Right layout */
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    text-align: left !important;
}

/* LEFT SIDE: Links & Copyright */
#footer-inner p {
    flex: 1 !important;
    margin: 0 !important;
    padding-right: 40px !important; /* Gap between text and logos */
    float: none !important;
    color: #666;
    font-size: 13px;
    line-height: 2.2; /* Extra breathing room between lines */
    text-align: left !important;
}

#footer-inner p a {
    color: #333 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    text-transform: uppercase; /* Modern travel-journal style */
    letter-spacing: 1.2px;      /* Professional kerning */
    transition: color 0.2s ease;
    display: inline-block;
    margin-right: 8px;
}

#footer-inner p a:hover {
    color: #F8941D !important; /* Brand orange on hover */
}

#footer-inner p br {
    display: block;
    content: "";
    margin-top: 10px;
}

#footer-inner p span {
    display: block;
    margin-top: 15px;
    color: #999;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: none;
}

/* --- 3a. AUTOMATIC DOT SEPARATORS --- */
#footer-inner p a::after {
    content: " \2022 "; /* This is the CSS code for a Bullet Point (•) */
    margin-left: 8px;
    color: #ccc;        /* Light gray so it doesn't distract from the text */
    font-weight: 300;   /* Make the dot thin and elegant */
}

/* This removes the dot after the last link so it looks perfect */
#footer-inner p a:last-of-type::after {
    content: "" !important;
}

/* Remove the dot before the line breaks (Sitemap and Contact) */
/* We target the specific links that come before your <br /> tags */
#footer-inner p a[href*="search.htm"]::after,
#footer-inner p a[href*="contact.htm"]::after {
    content: "" !important;
}

/* RIGHT SIDE: Logos */
.footer-logos {
    display: flex !important;
    gap: 20px; /* Space between the logos */
    float: none !important;
    margin: 0 !important;
    width: auto !important;
    height: 50px !important; /* Height of your new images */
    align-items: center !important;
}

.footer-logos a {
    text-indent: -9999px !important;
    display: block !important;
    width: 80px !important;  /* Width of your new images */
    height: 50px !important; /* Height of your new images */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important; /* Ensures logo fits the 80x50 box perfectly */
    transition: opacity 0.3s ease;
    opacity: 0.9;
}

.footer-logos a:hover {
    opacity: 1; /* Brightens on hover */
}

/* Individual Background Images */
.footer-logos a.agoda-my { 
    background-image: url('../images/footer_logo_agoda.png') !important; 
}

.footer-logos a.rentalcars-my { 
    background-image: url('../images/footer_logo_rentalcars.png') !important; 
}

.footer-logos a.klook-my { 
    background-image: url('../images/footer_logo_klook.png') !important; 
}

/* Top Menu Styling */
ul.top-menu {position: absolute; top: 10px; right: 0; font-size: 13px;}
ul.top-menu li.list {float: left; margin-right: 5px; padding: 0 5px; border-right: 1px solid #888;}
ul.top-menu li.small,
ul.top-menu li.big,
ul.top-menu li.reset {float: left; font-weight: bold; padding: 0 3px;}
ul.top-menu li.small {font-size: 0.8em; margin-top: 3px;}
ul.top-menu li.big {font-size: 1.2em; margin-top: -2px;}
ul.top-menu li.reset {font-size: 1em;}

.likeright {float: right;}

/* Menu styling */
.menu {clear: both; width: 1100px; height: 35px; padding: 12px 0 13px 20px; z-index: 10; position: relative; margin: 0 auto; background: url('../images/navi_bg.gif') no-repeat center;}
.menu li {display: inline; float: left; position: relative; padding: 0;}

.menu ul.dropdown-menu {display: none; padding: 10px; position: absolute; width: 750px; background: url('../images/menu_dropdown_bg.gif') no-repeat bottom center; z-index: 9999;}
.menu ul.dropdown-menu li {float: left; width: 250px;}

.menu ul.dropdown-menu li ul h3 { border-bottom: 1px dashed #000; width: 220px; color: #2b3e72; padding: 2px 2px 2px 0; font: bold 1em 'Open Sans', Arial, Verdana, Sans-serif; text-transform: uppercase; z-index: 9999;}
.menu ul.dropdown-menu li ul h3 a {display: block; clear: both; padding: 5px 10px; width: 220px; color: #2b3e72;}
.menu ul.dropdown-menu li ul h3 a:hover {color: #000; text-decoration: underline;}

.menu ul.dropdown-menu li ul {display: block; width: 200px; float: left; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif;}
.menu li ul li a {display: block; clear: both; padding: 5px 10px; width: 170px; color: #fff;}
.menu li ul li a:hover {color: #fff; text-decoration: underline;}
.menu li ul li a img {float: left;}

.menu li a.home,
.menu li a.news,
.menu li a.attractions,
.menu li a.forum,
.menu li a.tips,
.menu li a.hotel,
.menu li a.faq {height: 35px; background: url('../images/menu_top.gif') no-repeat; display: block; text-indent: -9999px;}
.menu li a.home {background-position: 0 0; width: 72px;}
.menu li a.attractions {background-position: -72px 0; width: 118px;}
.menu li a.hotel {background-position: -190px 0; width: 133px;}
.menu li a.forum {background-position: -323px 0; width: 87px;}
.menu li a.tips {background-position: -410px 0; width: 75px;}
.menu li a.faq {background-position: -485px 0; width: 70px;}
.menu li a.news {background-position: -555px 0; width: 72px;}

.menu li a.home:hover {background-position: 0 -35px; width: 72px;}
.menu li a.attractions:hover {background-position: -72px -35px; width: 118px;}
.menu li a.hotel:hover {background-position: -190px -35px; width: 133px;}
.menu li a.forum:hover {background-position: -323px -35px; width: 87px;}
.menu li a.tips:hover {background-position: -410px -35px; width: 75px;}
.menu li a.faq:hover {background-position: -485px -35px; width: 70px;}
.menu li a.news:hover {background-position: -555px -35px; width: 72px;}

.menu li a.rss,
.menu li a.fb,
.menu li a.twitter,
.menu li a.yt,
.menu li a.insta,
.menu li a.gram,
.menu li a.pinterest {height: 35px; width: 26px; background: url('../images/top_socials.gif') no-repeat; display: block; text-indent: -9999px; margin: 5px 0 5px 11px;}
.menu li a.rss {background-position: 0 0;}
.menu li a.fb {background-position: -27px 0;}
.menu li a.twitter {background-position: -54px 0;}
.menu li a.yt {background-position: -84px 0;}
.menu li a.insta {background-position: -112px 0;}
.menu li a.gram {background-position: -138px 0;}
.menu li a.pinterest {background-position: -164px 0;}

.menu li a.general,
.menu li a.islands,
.menu li a.cities,
.menu li a.explore,
.menu li a.borneo {height: 35px; background: url('../images/menu_middle.gif') no-repeat; display: block; text-indent: -9999px;}
.menu li a.general {background-position: 0 0; width: 119px;}
.menu li a.islands {background-position: -119px 0; width: 126px;}
.menu li a.cities {background-position: -245px 0; width: 111px;}
.menu li a.explore {background-position: -356px 0; width: 145px;}
.menu li a.borneo {background-position: -501px 0; width: 119px;}
.menu li a.general:hover {background-position: 0 -35px; width: 119px;}
.menu li a.islands:hover {background-position: -119px -35px; width: 126px;}
.menu li a.cities:hover {background-position: -245px -35px; width: 111px;}
.menu li a.explore:hover {background-position: -356px -35px; width: 145px;}
.menu li a.borneo:hover {background-position: -501px -35px; width: 119px;}

.menu li.menu-search {background: #fff; width: 282px; height: 35px; position: relative;}
.menu li .searchform {height: 35px; overflow: hidden;}
.menu li .searchform input.search-text {padding: 4px; border: 5px solid #fff;  width: 180px; position: absolute; top: 0; left: 0;}
.menu li .searchform input.search-button {position: absolute; top: 0; right: 0; padding: 0;}

/* .responsiveslides */
.responsiveslides {position: relative; width: 1126px; height: 529px; overflow: hidden; margin: 5px 0 15px 5px;}
.responsiveslides .next {position: absolute; right: 20px; top: 42%; display: none; z-index: 100; width: 48px; height: 48px; background: url('images/slide_nav.png') no-repeat -48px 0; text-indent: -9999px; cursor: pointer;}
.responsiveslides .prev {position: absolute; left: 20px; top: 42%; display: none; z-index: 100; width: 48px; height: 48px; background: url('images/slide_nav.png') no-repeat 0 0; text-indent: -9999px; cursor: pointer;}
.responsiveslides:hover .next,
.responsiveslides:hover .prev {display: block;}
.responsiveslides-slide {position: relative;}
.responsiveslides-slide li {position: relative; width: 1120px; height: 524px;}
.responsiveslides-slide li img {width: 100%; height: 519px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.responsiveslides-slide li .responsiveslides-caption {position: absolute; right: 20px; top: 20px; bottom: 210px; background: #fbf7f3; color: #333; line-height: 1em; font-size: .95em; width: 300px; z-index: 8; padding: 2%; opacity: .9; text-align: left !important;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.responsiveslides-slide li .responsiveslides-caption h3 {font-size: 1.1em;}
.responsiveslides-slide li .responsiveslides-caption .post-button {display: inline-block; line-height: 1em; padding: 8px 10px; color: #fff; font-size: .8em; background: #f8941d; position: absolute; bottom: 10px; right: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.responsiveslides-slide li .responsiveslides-caption .post-button:hover {background: #2b3e72; color: #fff;}
.responsiveslides .responsiveslides_tabs {list-style: none; position: absolute; bottom: 10px; z-index: 100; width: 100%; text-align: center;}
.responsiveslides .responsiveslides_tabs li {display: inline-block;}
.responsiveslides .responsiveslides_tabs li a {cursor: pointer; display: block; width: 16px; height: 16px; background: #ccc; text-indent: -9999em; margin: 0 3px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.responsiveslides .responsiveslides_tabs li.responsiveslides_here a {background: #ec5258;}

/* Header styling */
#header .header-title {display: block; width: 220px; height: 100px; text-indent: -9999px; background: url('../images/header_title.png') no-repeat 0 0; top: 0; left: 0;}

/* Content styling */
.review-list {float: left; width: 150px; height: 300px; margin: 0 3px;}

.post {border: 1px solid #ceceae; background: #fff; clear: both; margin-bottom: 20px; padding: 15px;}
.post h2 {font: bold 1.4em 'Open Sans', Arial, Verdana, Sans-serif; color: #596482 !important; padding: 7px 10px 7px 15px; width: 698px; margin: 0 0 10px -15px;}
.post h2.post-title {font: bold 1.2em 'Open Sans', Arial, Verdana, Sans-serif; color: #fff !important; padding: 8px 0 8px 28px; background: #44c7ff; width: 710px; margin: 0 0 10px -15px;}
.post h2.title_welcome {width: 698px; height: 40px; background: url('../images/title_welcome.gif') no-repeat center; text-indent: -9999px; padding: 0; margin: 0 0 10px -15px;}
.post h2.title_topics {width: 698px; height: 40px; background: url('../images/title_topics.gif') no-repeat center; text-indent: -9999px; padding: 0; margin: 0 0 10px -15px;}
.post h2.title_link {width: 698px; height: 40px; background: url('../images/title_link.gif') no-repeat center; text-indent: -9999px; padding: 0; margin: 0 0 10px -15px;}
.post ul {list-style: disc; margin: 0 10px 20px 10px;}
.post ul.listing {list-style: none;}
.post ul.listing li {background: url('../images/tick.gif') no-repeat 0 6px; padding: 1px 0 1px 25px; line-height: 1.8em; }
.post ol {margin: 0 10px 20px 30px;}
.columns {clear: both; overflow: hidden; margin-bottom: 20px;}
.columns h3 {font-size: 1.5em; color: #00b3ff; margin: 0 10px;}

.columns h3.title_explore {display: block; width: 240px; height: 30px; background: url('../images/title_explore.gif') no-repeat center; text-indent: -9999px; padding: 0; margin: 10px 0;}
.columns h3.title_plan {display: block; width: 240px; height: 30px; background: url('../images/title_plan.gif') no-repeat center; text-indent: -9999px; padding: 0; margin: 10px 0;}
.columns h3.title_malaysia {display: block; width: 240px; height: 30px; background: url('../images/title_malaysia.gif') no-repeat center; text-indent: -9999px; padding: 0; margin: 10px 0;}

.columns ul {list-style: none; padding: 0; margin: 0 20px 10px 20px;}
.columns ul li {border-bottom: 1px solid #eee; padding: 7px 0;}
.post-column {border: 1px solid #ceceae; background: #fff; width: 240px; height: 360px; position: relative; float: left; margin: 0 2px 20px 2px; overflow: hidden;}
.post-column p {padding: 0 11px;line-height: 1.5}
.post-column a.post-column-read {display: block; width: 90px; font: bold .8em 'Open Sans', Arial, Verdana, Sans-serif; background: #f8941d; color: #fff; text-align: center; padding: 3px 0; position: absolute; bottom: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.post-column h3 {font-size: 1.1em; line-height: 1em; color: #00b3ff; margin: 0 5px; padding: 2px 0 10px 5px; }
.post-column h3 a {color: #00b3ff;}

.post ul.link-post {list-style: none; padding: 0 0 20px 0; margin: 0;}
.post ul.link-post li {background: url('../images/link_post.gif') no-repeat 0 8; padding-left: 15px;}

.post .google-map {padding: 25px; width: 708px; height: 400px; margin: 0 auto; clear: both;}
.post .youtube {padding: 15px; margin: 0 auto; clear: both;}
.post blockquote {line-height: 1.8em; font-style: italic; color: #999; padding: 0 20px;}
.post h3 {font: bold .95em 'Open Sans', Arial, Verdana, Sans-serif; color: #596482 !important; padding: 7px 10px 7px 0;}
.post h4 {font-size: 1em; color: #555; clear: both; text-align: center; padding: 20px; background: url('../images/heading_bg.gif') no-repeat center;}
.post h5 {font-size: 0.9em; color: #c5dd1d; font-weight: bold;}
.post h6 {font-size: 0.8em; color: #000;}
.post p.small {margin: 15px 15px 20px 15px; float: right; font-size: 90%; }

.post .article-footer {text-align: left; background: #fafafa; padding: 10px 0 10px 0; margin: 20px 10px 10px 10px; border:1px #e8e8e8 solid; border-radius:8px; -moz-border-radius:8px; }
.post .article-footer img.advertorial {float: right; margin: 15px 15px 15px 15px;}
.post .article-footer h5 { font-size: 1em; line-height: 1em; color: #454545; font-style: italic; padding: 10px 10px 10px 10px; }

.post-column .post-thumb {display: block; margin: 10px 0 10px 8px; padding: 2px 7px 7px 2px;}

.post .post-text {margin-bottom: 10px;}
.post h2.post-title a {color: #fff;}
.post ul.post-meta {overflow: hidden; border-top: 1px solid #ceceae; font: normal 10px Verdana, Tahoma, Sans-serif; text-transform: uppercase; padding: 5px 10px; margin: 0; list-style: none;}
.post ul.post-meta li {padding-left: 15px; margin-right: 10px; float: left;}
.post li.post-date {background: url('../images/post_date.gif') no-repeat 0 5px;}
.post li.post-category {background: url('../images/post_category.gif') no-repeat 0 5px;}
.post li.post-comment {background: url('../images/post_comment.gif') no-repeat 0 5px;}
.post li.post-edit {background: url('../images/post_edit.gif') no-repeat 0 5px;}

/* POST MISC */
.post code {background: #efefef; padding: 1px 2px;}
.post pre {overflow: auto; clear: both; border: 1px solid #eee; padding: 20px; background: #f9f9f9; margin-bottom: 20px;}
.post ul {padding: 0 20px 18px 15px; list-style: circle;}
.post ol {padding: 0 20px 18px 35px;}
.post li {padding: 3px 0; line-height: 1.5em;}
.post fieldset {clear: both; padding: 10px; margin: 10px 0;}
.post legend {font-size: 14px; font-weight: bold; background: #fff; padding: 2px 10px;}
.post label {margin-right: 10px;}

.post-footer {padding: 15px; margin: 10px 0; border: 1px solid #eee; overflow: hidden;}
.post-footer ul {padding: 0 20px; margin: 0;}
.post-footer ul li {padding: 5px 0;}
.post-related {padding: 0 !important; margin: 0 !important; list-style: none !important; font-size: 11px;}
.post-related li {float: left; width: 95px; margin: 5px;}
.post-related li img {padding: 3px; background: #fff; border: 1px solid #e5e5e5;}
.post-tags {font: normal 11px Verdana, Tahoma, Sans-serif; color: #888; line-height: 1.5em;}
#footer-navi {clear: both; overflow: hidden; padding: 0; font: normal 11px Verdana, Tahoma, Sans-serif; margin-bottom: 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
#footer-navi li.previous {list-style: none; float: left;}
#footer-navi li.next {list-style: none; float: right;}

.pagetitle {text-align: center; font-size: 24px; padding: 20px; color: #999;}
ul.pagination {clear: both; font: bold 11px Verdana, Tahoma, Sans-serif; padding: 10px 5px; overflow: hidden;}
ul.pagination li {float: left;}
ul.pagination a:hover,
ul.pagination .current-page {padding: 5px 10px; margin-right: 5px; background: #f8931d; color: #fff;}
ul.pagination a {padding: 5px 10px; margin-right: 5px; background: #cfc5b4; color: #fff;}

.post .archives {overflow: hidden; clear: both; padding: 10px 0;}
.post .archives .archives-box {width: 45%; float: left; padding: 2px;}
.post .left {width: 48%; float: left; line-height: 1.5em;}
.post .right {width: 48%; float: right; line-height: 1.5em;}
.post .clearfix {clear: both; height: 18px;}

.post h3.sitemap-title {font-size: 1.2em; color: #666; border-bottom: 1px solid #eee; background: #fdfcfa; padding: 10px;}
.post ul.sitemap-list {margin: 0 0 20px 0; padding: 0; list-style: none;}
.post ul.sitemap-list li {border-bottom: 1px solid #eee; padding: 5px 10px;}

.post ul.post-sharing {list-style: none; padding: 0; margin: 0;}
.post ul.post-sharing li {float: right;}

.post h3.subscribe-title {text-align: center; font-size: 1.2em; font-weight: bold; color: #888; padding: 10px; background: #f5f2ed;}

.post-share-icons {padding: 10px 0 30px 0;}
.post-share-icons h5 {color: #f8941d; font-size: 1.6em;}
.post-share-icons ul {padding: 0; margin: 0;}
.post-share-icons ul li {list-style: none; padding: 0; margin: 0; float: left; margin-right: 10px;}

.post .adv2 { display:block; width:100%; margin:0 0 1.5em 0; border:1px #e8e8e8 solid; border-radius:8px; -moz-border-radius:8px; background-color: #fafafa; }
.post .adv2 .melding2 { background-color:rgb(255,235,200); }
.post .adv2 ul {list-style: none; overflow: hidden; }
.post .adv2 ul li { float: left; }
.post .adv2 h4 { font-size:1.2em; margin:5px 10px; padding:0; }

/* MISC */
.small-banner {margin: 0 auto; width: 468px; height: 60px; padding-bottom: 20px;}
#breadcrumb {overflow: hidden; padding: 5px 10px; font: 400 .85em 'Open Sans', Arial, Verdana, Sans-serif; color: #666; background: #fff; border: 1px solid #f0eccf; margin-bottom: 10px;}
#breadcrumb a {background: url('../images/icon_arrow.gif') no-repeat right center; padding-right: 10px; margin-right: 5px;}
#breadcrumb .home {display: block; width: 24px; height: 16px; background: url('../images/icon_home.gif') no-repeat 0 0; text-indent: -9999px; float: left; padding: 0; margin-right: 5px;}

/* Sidebar styling */
.sidebox {background: #fff; border: 1px solid #cfcfaf; margin-bottom: 30px; padding: 15px 15px 10px 15px; overflow: hidden;}
.sidebox h3 {font: bold 18px 'Open Sans', Arial, Verdana, Sans-serif; color: #fff; text-transform: uppercase; padding: 12px 10px 5px 10px; background: #c5dd1d; width: 370px; margin: 0 0 10px -15px;}
.sidebox h3.title_spotlight01 {display: block; width: 370px; height: 40px; background: url('../images/sidebox_title_spot_01.gif') no-repeat center; text-indent: -9999px; padding: 0;}
.sidebox h3.title_spotlight02 {display: block; width: 370px; height: 40px; background: url('../images/sidebox_title_spot_02.gif') no-repeat center; text-indent: -9999px; padding: 0;}
.sidebox h3.subscribe {display: block; width: 370px; height: 40px; background: url('../images/sidebox_title_subscribe.gif') no-repeat center; text-indent: -9999px; padding: 0;}
.sidebox h3 span {color:#F8941D;}
.sidebox ul, ol {padding: 0;}
.sidebox ul li, ol, li {padding: 5px 0;}

.sideboxspotlight {background: #fff; border: 1px solid #cfcfaf; margin-bottom: 30px; padding: 15px 15px 10px 15px; overflow: hidden;}
.sideboxspotlight h3 {font: bold 18px 'Open Sans', Arial, Verdana, Sans-serif; color: #fff; text-transform: uppercase; padding: 12px 10px 5px 10px; background: #c5dd1d; width: 370px; margin: 0 0 10px -15px;}
.sideboxspotlight h3.title_spotlight01 {display: block; width: 370px; height: 40px; background: url('../images/sidebox_title_spot_01.gif') no-repeat center; text-indent: -9999px; padding: 0;}
.sideboxspotlight h3.title_spotlight02 {display: block; width: 370px; height: 40px; background: url('../images/sidebox_title_spot_02.gif') no-repeat center; text-indent: -9999px; padding: 0;}
.sideboxspotlight h3.subscribe {display: block; width: 370px; height: 40px; background: url('../images/sidebox_title_subscribe.gif') no-repeat center; text-indent: -9999px; padding: 0;}
.sideboxspotlight h3 span {color:#F8941D;}
.sideboxspotlight ul, ol {padding: 0;}
.sideboxspotlight ul li, ol, li {padding: 5px 0;}
.sideboxspotlight select {width: 95%;}

.sidebox select {width: 95%;}
.sideboxad {border: 1px solid #cfcfaf; margin-bottom: 30px; overflow: hidden;}

.sidead {
    display: block !important;
    max-width: 100% !important; /* Shrank to fit if screen is narrow */
    height: auto !important;     /* Keep proportions */
    margin: 0 auto 30px auto !important; /* Center horizontally + bottom gap */
}

.sidead2 {margin-bottom: 30px; margin-top: 30px;}
.sideadmainpage {margin-bottom: 30px; border: 1px solid #cfcfaf; }
.side-facebook,
.side-twitter {display: block; width: 122px; height: 42px; text-indent: -9999px;}
.side-facebook {background: url('../images/side_facebook.gif') no-repeat 0 0; float: left;}
.side-twitter {background: url('../images/side_twitter.gif') no-repeat 0 0; float: right;}

.sidebox h3 span {color:#F8941D;}
.sideboxspotlight h3 span {color:#F8941D;}
.sidebox img {padding: 0 0 0 35px;}
.sideboxspotlight img {padding: 0 0 2px 0;}
.sidebox ul.sidebarimg {}
.sidebox ul.sidebarlist { overflow: hidden; width: 350px; list-style: none;}
.sidebox ul.sidebarlist li { padding: 4px 2px 4px 5px; margin: 0 0 0 3px; float: left; width: 349px; font-weight: normal; color: #11414D; border-bottom: 1px #eeeeee solid;}
.sidebox ul.sidebarlist li a { text-decoration: none; color: #11414D;}
.sidebox ul.sidebarlist li a:hover { text-decoration: underline;}
ul.sidebarlist { list-style-type:none; margin:0; line-height: 1.75em; padding: 5px 0 5px 0px;}
#aside .googlead {margin-bottom: 30px; }

/* FOOTER WIDGET */
#footer-widget {clear: both; overflow: hidden; padding: 0 10px; margin: 10px 0; background: #fff; border: 1px solid #cfcfaf;}
.footer-block {float: left; width: 280px; padding: 10px; margin: 0 6px; }
.footer-block h4 {font: bold 1.4em Arial, Verdana, Tahoma, Sans-serif; color: #fff; text-transform: uppercase; padding: 15px 10px 6px 10px; background: #c5dd1d; margin: 0 0 10px -15px;}

/* SUBSCRIBE FORM */
.sub-text {width: 95%; clear: both; margin-bottom: 10px !important; color: #aaa; padding: 5px; font: normal 11px 'Open Sans', Arial, Verdana, Sans-serif; border: 1px solid #ddd;}
.sub-button {border: none; background: #c5dd1d; font-weight: bold; text-transform: uppercase; color: #fff;}
p.click-open-info {clear: both; display: none; font: normal 11px Verdana, Tahoma, Sans-serif; color: #999;}

/* Link styling */
a {color: #f8941d; text-decoration: none;}
a:active {color: #000;}
a:hover {color: #f90;}

/* Image */
.post img.centered {display: block; margin: 10px auto; padding: 20px; background: url('../images/img_center_bg.jpg') no-repeat center;}
.post img.alignright {display: inline; margin: 0 0 10px 20px; padding: 20px; background: url('../images/img_bg.jpg') no-repeat center;}
.post img.alignleft {display: inline; margin: 0 20px 10px 0; padding: 20px; background: url('../images/img_bg.jpg') no-repeat center;}
.post img.imgright {display: inline; margin: 0 0 10px 20px; padding: 20px; }
.post img.imgleft {display: inline; margin: 0 20px 10px 0; padding: 20px; }

img {max-width: 100%; height: auto;}
img.centered {display: block; margin: 10px auto;}
img.centered.archive {max-width: 165px}
img.alignright {display: inline; margin: 0 0 10px 20px; padding: 20px;}
img.alignleft {display: inline; margin: 0 20px 10px 0; padding: 20px;}
img.imgright {display: inline; margin: 0 0 10px 20px; padding: 20px;}
img.imgleft {display: inline; margin: 0 20px 10px 0; padding: 20px;}
.centered {display: block; margin: auto;}
.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}
.imgleft {float: left; margin-right: 10px;}
.imgright {float: right; margin-left: 10px;}

img.pnf404 {margin: 0 0 0 25px;}

/* COMMENT */
#comment-box {padding: 0 10px; overflow: hidden; background: #fff; border: 1px solid #ceceae;}
#comment-box h4 {font-size: 18px; padding: 10px 0;}
#comment-box p {padding: 5px 0; margin: 0; line-height: 1.5em}
#respond {padding: 10px; background: #fff;}
.comment-text {width: 90%; margin-right: 5px;}
.comment-textarea {width: 98%;}
.comment-text,
.comment-textarea {border: 1px solid #ccc; padding: 5px; color: #999; font: normal 11px Verdana, Tahoma, Arial, San-serif;}
.comment-buttons {padding: 2px 5px;}
.avatar {margin-right: 20px; float: left; border: 1px solid #999;}
.comment-meta {clear: both; overflow: hidden; border-bottom: 1px solid #eee;}
.comment-content {padding: 5px 10px; overflow: hidden;}
.commentlist li {border: 1px solid #ddd; margin-bottom: 20px;}
.bypostauthor {background: #f8f6e9; border: 1px solid #ecebd7 !important;}
.bypostauthor .comment-meta {border-bottom: 1px solid #ecebd7 !important;}
#comment-box .children li {background: #fafafa; border: none; margin: 0 0 0 50px;}
a.comment-reply-link,
a#cancel-comment-reply-link {background: #f8941d; color: #fff; padding: 2px 5px; float: right; font: normal 11px Verdana, Tahoma, Arial, San-serif;}

/* CONTACT FORM */
#contactForm {clear: both; overflow: hidden;}
#contactForm input[type=text],#contactForm textarea {width: 100%; border: 1px solid #ddd; padding: 5px; color: #aaa; font: normal 12px Arial, Verdana, Tahoma, San-serif;}
#contactForm input[type=text] {padding: 5px;}
#contactForm textarea {height: 150px; padding: 5px;}
#contactForm span.error {color: #f00; font-weight: bold; clear: both; display: block;}

/* CALENDAR */
#wp-calendar {text-align: center; width: 100%; font-size: 11px;}
#wp-calendar caption {font-weight: bold; text-align: center; padding: 10px 0;}
#wp-calendar th {font-style: normal; text-transform: capitalize; padding: 2px;}
#wp-calendar td {font-style: normal; padding: 2px;}

/* CAPTIONS */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ccc; background: #efefef; margin: 10px; padding-top: 4px; text-align: center;}
.wp-caption img {border: 0;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 1.2em; padding: 3px 0; margin: 0;}

/* SHARING */
.post-share {clear: both; overflow: hidden; padding: 5px 0;}
.share-digg,
.share-stumbleupon,
.share-facebook,
.share-twitter,
.share-delicious,
.share-google, .share-yahoo,
.share-reddit {display: block; width: 16px; height: 16px; float: right; margin: 3px 0 0 10px; text-indent: -9999px; background: url('../images/social_icons.gif') no-repeat;}
.share-digg {background-position: 0 0;}
.share-stumbleupon {background-position: -16px 0;}
.share-facebook {background-position: -32px 0;}
.share-twitter {background-position: -48px 0;}
.share-delicious {background-position: -64px 0;}
.share-google {background-position: -80px 0;}
.share-yahoo {background-position: -96px 0;}
.share-reddit {background-position: -112px 0;}

/* CUSTOM */

/* Special list pages */
.pagesBox { margin-bottom: 0px; padding: 0 0 0 15px; width: 480px;}
.pagesBox ul { overflow: hidden; width: 480px;}
.pagesBox li { padding: 4px 2px 4px 2px; width: 478px; font-weight: normal; color: #11414D; background: #FFFFFF; border-bottom: 1px #eeeeee solid;}
.pagesBox li.last { width: 478px; padding: 4px 8px 4px 2px; background: #fdfcfa;}
.pagesBox li a { text-decoration: none; color: #11414D;}
.pagesBox li a:hover { text-decoration: underline;}
ul.pageslist { margin: 0; line-height: 1.75em; padding: 15px 0 15px 15px; font-family: Arial, Verdana, Tahoma, Sans-serif; list-style: none;}
/* Special list pages */
/* Special list allpages */
.allpagesBox { margin-bottom: 0px; padding: 0 0 0 15px; width: 480px;}
.allpagesBox ul { overflow: hidden; width: 480px;}
.allpagesBox li { padding: 4px 2px 4px 2px; width: 478px; font-weight: normal; color: #11414D; background: #FFFFFF; border-bottom: 1px #eeeeee solid;}
.allpagesBox li.last { width: 478px; padding: 4px 8px 4px 2px; background: #fdfcfa;}
.allpagesBox li a { text-decoration: none; color: #11414D;}
.allpagesBox li a:hover { text-decoration: underline;}
ul.allpageslist { margin: 0; line-height: 1.75em; padding: 15px 0 15px 15px; font-family: Arial, Verdana, Tahoma, Sans-serif; list-style: none;}
/* Special list allpages */

.columns h3.title_highlights {display: block; width: 240px; height: 40px; background: url('images/title_highlights.gif') no-repeat center; text-indent: -9999px; padding: 0 0 2px 0; margin: 5px 0;}
.columns h3.title_islands {display: block; width: 240px; height: 40px; background: url('images/title_islands.gif') no-repeat center; text-indent: -9999px; padding: 0 0 2px 0; margin: 5px 0;}
.columns h3.title_cities {display: block; width: 240px; height: 40px; background: url('images/title_cities.gif') no-repeat center; text-indent: -9999px; padding: 0 0 2px 0; margin: 5px 0;}
.columns h3.title_shopping {display: block; width: 240px; height: 40px; background: url('images/title_shopping.gif') no-repeat center; text-indent: -9999px; padding: 0 0 2px 0; margin: 5px 0;}
.columns ul li.last {border-bottom: 1px solid #eee; padding: 5px 0; font-style:italic;}
.columns ul li a:hover { text-decoration: underline; color: #f7c487;}
.columns ul li.last a:hover { text-decoration: underline; color: #f7c487;}

/* linkpage */

.post ul.pages {margin: 0 0 10px 45px; overflow:hidden; }
.post ul.pages li {float:left; display:inline; padding: 4px 0 4px 35px; background: url('images/black-arrow.png') no-repeat 0 8px; font-size: 95%; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif; color: #666; }
#double li {width:43%;}
#double2 li {width:43%;}
#double3 li {width:43%;}

.post ul.hotelbed {margin-bottom:20px; overflow:hidden; }
.post ul.hotelbed li {float:left; display:inline; padding: 8px 0 8px 35px; background: url('images/hotelbed.jpg') no-repeat 0 10px; font-size: 95%; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif; color: #666; }
#hoteldouble li {width:43%;}
#hoteldouble2 li {width:43%;}
#hoteldouble3 li {width:43%;}
#hoteldouble4 li {width:43%;}

.post ul.restaurant {margin-bottom:20px; overflow:hidden; }
.post ul.restaurant li {float:left; display:inline; padding: 8px 0 8px 35px; background: url('images/restaurant.png') no-repeat 0 10px; font-size: 95%; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif; color: #666;}
#restaurantdouble li {width:43%;}
#restaurantdouble2 li {width:43%;}
#restaurantdouble3 li {width:43%;}

.post ul.listarrow {list-style: none;}
.post ul.listarrow li {float:left; display:inline; padding: 8px 0 8px 35px; background: url('images/listarrow.gif') no-repeat 0 10px; font-size: 95%; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif; color: #666;}
#listarrowdouble li {width:43%;}

.post ul.hospitals {list-style: none;}
.post ul.hospitals li {float:left; display:inline; padding: 8px 0 8px 35px; background: url('images/hospitals.jpg') no-repeat 0 10px; font-size: 95%; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif; color: #666;}
#hospitalsdouble li {width:43%;}

.post ul.events {list-style: none;}
.post ul.events li {float:left; display:inline; padding: 8px 0 8px 35px; background: url('images/date.jpg') no-repeat 0 10px; font-size: 95%; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif; color: #666;}
#eventsdouble li {width:43%;}

.post ul.islands {list-style: none;}
.post ul.islands li {float:left; display:inline; padding: 8px 0 8px 35px; background: url('images/islands.png') no-repeat 0 10px; font-size: 95%; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif; color: #666;}
#islandsdouble li {width:43%;}

/* advertorial */
.post .adv { display:block; width:560px; margin:0 0 1.5em 0; padding:0 0 0.5em 0; border:1px #fe8f0a solid; border-radius:8px; -moz-border-radius:8px; background-color:#fed29c; }
.post .adv .alert { background-color:rgb(255,235,200); }
.post .adv img { margin:0 20px 20px 20px; float:right; }
.post .adv p, .post .adv ul, .post .adv ol { padding:0 0 1em 0; margin:0 20px; }
.post .adv ol { margin-left:2em; }
.post .adv h4 { font-size:1.2em; margin:15px 20px; padding:0; }
.post .adv h4 img { float:left; margin:-2px 5px 0 -10px; }
.post .adv .panel { width:250px; border-radius:0; -moz-border-radius:0; }

.sidebox ul.guidebook { overflow: hidden; width: 350px; list-style: none; line-height: 1.75em; padding: 5px 0 5px 0px; }
.sidebox ul.guidebook li.orange {background: url('images/list-orange.gif') no-repeat 0 5px; padding: 0 2px 5px 30px; margin: 5px 0 0 3px; float: left; width: 349px; font-weight: normal; color: #11414D; border-bottom: 1px #eeeeee solid;}
.sidebox ul.guidebook li.grey {background: url('images/list-grey.gif') no-repeat 0 5px; padding: 0 2px 5px 30px; margin: 5px 0 0 3px; float: left; width: 349px; font-weight: normal; color: #11414D; border-bottom: 1px #eeeeee solid;}
.sidebox ul.guidebook li.blue {background: url('images/list-blue.gif') no-repeat 0 5px; padding: 0 2px 5px 30px; margin: 5px 0 0 3px; float: left; width: 349px; font-weight: normal; color: #11414D; border-bottom: 1px #eeeeee solid;}
.sidebox ul.guidebook li.pink {background: url('images/list-pink.gif') no-repeat 0 5px; padding: 0 2px 5px 30px; margin: 5px 0 0 3px; float: left; width: 349px; font-weight: normal; color: #11414D; border-bottom: 1px #eeeeee solid;}
.sidebox ul.guidebook li.green {background: url('images/list-green.gif') no-repeat 0 5px; padding: 0 2px 5px 30px; margin: 5px 0 0 3px; float: left; width: 349px; font-weight: normal; color: #11414D; border-bottom: 1px #eeeeee solid;}
.sidebox ul.guidebook li.yellow {background: url('images/list-yellow.gif') no-repeat 0 5px; padding: 0 2px 5px 30px; margin: 5px 0 0 3px; float: left; width: 349px; font-weight: normal; color: #11414D; border-bottom: 1px #eeeeee solid;}
.sidebox ul.guidebook li.purple {background: url('images/list-purple.gif') no-repeat 0 5px; padding: 0 2px 5px 30px; margin: 5px 0 0 3px; float: left; width: 349px; font-weight: normal; color: #11414D; border-bottom: 1px #eeeeee solid;}
.sidebox ul.guidebook li a { text-decoration: none; color: #11414D;}
.sidebox ul.guidebook li a:hover { text-decoration: underline;}

/********** Miscellaneous **********/
.video-wrapper {height: 0; padding-bottom: 56.25%; position: relative; margin-bottom: 1.6em;}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.success {color: #159776;}
.error {color: #d70a16;}
.required {color: #d70a16;}
.focused {border: 1px solid #888; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2); box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2);}
.highlight {background: #efefef; padding: 0 2px;}
.fade {opacity: .5; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.fade:hover {opacity: 1;}
.clearfix {clear: both !important;}
.hidden {display: none !important;}
.fixed  {position: fixed !important;}
.absolute {position: absolute;}
.relative  {position: relative;}
.static  {position: static;}
.split-columns {width: 100%; margin-bottom: 20px;}
.split-columns:after {content: ''; height: 0; display: block; clear: both;}
.shadow {-webkit-box-shadow: 0 0 5px 0 #aaa; box-shadow: 0 0 5px 0 #aaa;}
.transparency {background-color: rgba(255, 255, 255, .8);}
.ease-in-out {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.noborder, .noborder tbody, .noborder thead, .noborder tfoot, .noborder tr, .noborder td, .noborder th {border: none;}
.radius-50 {-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.radius-30 {-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
.radius-20 {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.radius-10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.radius-8 {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.radius-4 {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.radius-2 {-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.width-100 {width: 100%;}
.width-95 {width: 95%;}
.width-90 {width: 90%;}
.width-85 {width: 85%;}
.width-80 {width: 80%;}
.width-75 {width: 75%;}
.width-70 {width: 70%;}
.width-65 {width: 65%;}
.width-60 {width: 60%;}
.width-55 {width: 55%;}
.width-50 {width: 50%;}
.width-45 {width: 45%;}
.width-40 {width: 40%;}
.width-35 {width: 35%;}
.width-30 {width: 30%;}
.width-25 {width: 25%;}
.width-20 {width: 20%;}
.width-15 {width: 15%;}
.width-10 {width: 10%;}

/* SHORTCODES */
#tooltip {position: absolute; border: 1px solid #555; background: #f7f5d1; padding: 5px; color: #333; font: normal 0.85em Verdana, Tahoma, Arial, Sans-serif; display: none;}
.tooltip {cursor: pointer; border-bottom: 1px dashed #ccc;}

.left {width: 48%; padding: 2% 0; float: left; line-height: 1.8em;}
.right {width: 48%; padding: 2% 0; float: right; line-height: 1.8em;}

.col1,
.col2 {width: 32%; margin-right: 2%; float: left;}
.col3 {width: 32%; float: right;}

.col3-2 {width: 66%; float: left;}
.col3-1 {width: 32%; float: right;}

.full-width-bar {width: 100vw; margin-left: -50vw; margin-bottom: 50px; margin-top: 30px; left: 50%; padding: 80px 0; position: relative;  background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}
.full-width-bar .split-columns,
.full-width-bar p:last-child,
.full-width-bar ul:last-child {margin-bottom: 0;}
.full-width-content {max-width: 1140px; padding: 30px; margin: 0 auto; opacity: .8;}
.full-width-content:before, .full-width-content:after {content: ''; clear: both; display: table;}

.post-button {position: relative; display: inline-block; line-height: 1em; padding: 10px 15px; color: #fff; background: #f8941d; border-radius: 5px; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.post-button:hover {background: #2b3e72; color: #fff;}

#menu, #nav{display:none;}

@media (max-width: 960px) {
	body, p, .post ul.listing, .post ul.pages, .post ul.hotelbed, .post blockquote, .sidebox ul.adlist, .sidebox ul.pageslist {font-size:14px !important;}
	#container, .slide-wrap, .pagesBox, .pagesBox ul, .pagesBox li.last, .post h1, .generalBox, .hotelsBox{ width:100%;}
	#header{height:204px; background-size:100% auto;}
	#header .header-title{width:170px; height:85px; background-size: 100% auto;}
	#header .header-title:hover {display: block; width: 170px; height: 85px; text-indent: -9999px; background: url('../images/header_title.png') no-repeat 0 -85px; top: 0; left: 0;background-size: 100% auto;}
	.menu{width:100%; padding-left:0;}
	.menu li a.home{width:54px;}
	.menu li a.home:hover{width:54px;}
	.menu li a.news{width:56px;}
	.menu li a.news:hover{width:56px;}
	.menu li a.attractions{width:104px;}
	.menu li a.attractions:hover{width:104px;}
	.menu li a.hotel{width:118px;}
	.menu li a.hotel:hover{width:118px;}
	.menu li a.forum{width:70px;}
	.menu li a.forum:hover{width:70px;}
	.menu li a.tips{width:52px;}
	.menu li a.tips:hover{width:52px;}
	.menu li a.faq{width:48px;}
	.menu li a.faq:hover{width:48px;}
	.slide-content .thumb{ width:400px; overflow:hidden;}
	#slide-control{width:440px; }
	.slide-content .desc{width:290px; }
	.menu li a.general, .menu li a.cities{width:100px;}
	.menu li a.general:hover, .menu li a.cities:hover{width:100px;}
	.menu li a.islands{width:115px;}
	.menu li a.islands:hover{width:115px;}
	.menu li a.explore{width:130px;}
	.menu li a.explore:hover{width:130px;}
	.menu li a.borneo:hover{width:110px;}
	.menu li a.borneo{width:110px;}
	.menu li.menu-search{width:210px;}
	.menu ul.dropdown-menu {   background: url("../images/menu_dropdown_bg.gif") repeat scroll center bottom rgba(0, 0, 0, 0);    display: none;    padding: 10px;    position: absolute;    width: 200px;    z-index: 9999;}
	#content{width:60%;}
	#content-wide {width: 98%;}
	.post-column{ width:140px; height:340px;}
	.post-column .post-thumb {width:130px; margin-left:2px; }
	.post h2.post-title {font: bold 1.2em 'Open Sans', Arial, Verdana, Sans-serif; color: #fff !important; padding: 8px 0 8px 28px; background: #44c7ff; width: 92%; margin: 0 0 10px -15px;}
	.post h2.title_topics {    background: url("../images/title_topics.gif") no-repeat scroll left center rgba(0, 0, 0, 0);    height: 40px;    margin: 0 0 10px -15px;    overflow: hidden;    padding: 0;    text-indent: -9999px;    width: 100%;}
	#container, .slide-wrap, .pagesBox, .pagesBox ul, .pagesBox li {    clear: both;    width: 100%; }
	.pagesBox .recentpost_name {    float: left;    width: 220px;}
	.pagesBox .recentpost_category {    float: left;    width: 110px;}
	.pagesBox .recentpost_date {    float: left;    width: 0;}
	.post-columnmain{width:138px; height:190px;}
	.columns h3.title_highlights, .columns h3.title_islands, .columns h3.title_cities{ width:135px; background-size: 100% auto;}
	.post h2.title_welcome{background: url("../images/title_welcome.gif") no-repeat scroll left center rgba(0, 0, 0, 0); overflow: hidden; width: 450px;}
	.post h3.subscribe-title{ font-size:1.4em; }
	.post h3 {width:95%; font-size:14px !important;}
	#breadcrumb {font-size:14px !important;}
	#aside{width:36%; }
	.generalBox ul{width:95%;}
	.generalBox li.last{ width:40%;}
	.generalBox li { width:50%;}
	.post h2 { font-size:16px !important;}
	.post .youtube {background: url("../images/youtube_bg.gif") no-repeat scroll center center / 100% 100% rgba(0, 0, 0, 0); width: 380px;}
	.post .youtube embed{ width:100% !important;}
	.hotelsBox ul{width:88%;}
	.post .google-map{background: url("../images/google_map_bg.jpg") no-repeat scroll center center / 100% 100% rgba(0, 0, 0, 0); width: 380px;}
	#footer { padding: 10px;    background: url("../images/footer_bg.jpg") no-repeat scroll center bottom / 100% auto rgba(0, 0, 0, 0);}
	#menu, #nav{display:none;}
}

@media (max-width: 765px) {
	body, p, .post ul.listing, .post ul.pages, .post ul.hotelbed, .post blockquote, .sidebox ul.adlist, .sidebox ul.pageslist {font-size:14px !important;}
	li { padding:0;}
	#header {background-size: 100% 100%; height: 160px;}
	ul.top-menu {font-size: 9px;}
	ul.top-menu li.list {padding: 0 2px;}
	.menu li a.home, .menu li a.news, .menu li a.attractions, .menu li a.hotel, .menu li a.forum, .menu li a.tips, .menu li a.faq, .menu li a.general, .menu li a.cities, .menu li a.islands, .menu li a.explore, .menu li a.borneo {display:none;}
	.menu li.menu-search {    display: block;    width: 100%;}
	.slide-content .desc{ width:100%; font-size:12px;}
	#slide-control {    width: 100%;}
	#jFlowSlide .jFlowSlideContainer{ background:none;}
	.slide-content .thumb{display:none;}
	#content, #content-wide {display: block; width: 95%;}
	.post-column{ width:95%;}
	.post-column .post-thumb { margin-left: 3px; width: 96%; height: 63%; border: 1px solid #ccc; background: #efefef; padding: 2px;}
	.post h2.post-title {font: bold 1.2em 'Open Sans', Arial, Verdana, Sans-serif; color: #fff !important; padding: 8px 0 8px 28px; background: #44c7ff; width: 92%; margin: 0 0 10px -15px;}
	.post h2.title_topics { background: url("../images/title_topics.gif") no-repeat scroll left center / 180% 100% rgba(0, 0, 0, 0);}
	.pagesBox .recentpost_name{ width:45%;}
	.pagesBox .recentpost_category{width:30%;}
	#container, .slide-wrap, .pagesBox, .pagesBox ul, .pagesBox li{font-size:10px;}
	.post-columnmain{ width:95%;}
	.columns h3.title_highlights, .columns h3.title_islands, .columns h3.title_cities{ width:60%; background-size:auto;}
	.columns ul li, .sidebox ul.guidebook {font-size:14px;}
	.post h2 {font-size:16px !important;}
	.post h2.title_welcome {background-size: 135% 75%; width:100%;}
	.post h3.subscribe-title { font-size:1.1em;}	
	#breadcrumb {font-size:14px !important;}
	#aside {display: block; width: 95%; padding:0;}
	#footer {padding: 10px; background: url("../images/footer_bg.jpg") no-repeat scroll center bottom / 100% 45% rgba(0, 0, 0, 0);}
	.mar-btm{margin-bottom:0;}
	.post .youtube{ width:82%; height:200px;}
	.post .youtube embed{ width:100% !important; height:200px;}
	.hotelsBox ul { font-size: 12px; width: 80%;}
	.hotelsBox li{ width:85%;}
	.post h3{ font-size:1.4em;}
	.post .google-map{ width:80%;}
	#header .header-title{width:110px; height:54px; background-size: 100% 200%;}
	#header .header-title:hover {display: block; width: 110px; height: 54px; text-indent: -9999px; background: url('../images/header_title.png') no-repeat 0 -44px; top: 0; left: 0;background-size: 100% 200%;}
	#menu{
	display:block;
	margin: 2px 0 0 0;
	}
		#menu
		{
	float:left;
	width:100%;
		background: #febc6d;
		}
			#menu > a
				{
					display: none;
				}

				#menu li
				{
					position: relative;
					list-style:none;
					width:100%;
				}
					#menu li a
					{
						color: #fff;
						display: block;
					}
					#menu li a:active
					{
							background-color: #fea943 !important;
					}

				#menu span:after
				{
					width: 0;
					height: 0;
					border: 0.313em solid transparent; /* 5 */
					border-bottom: none;
					border-top-color: #fff;
					content: '';
					vertical-align: middle;
					display: inline-block;
					position: relative;
					right: -0.313em; /* 5 */
				}

				/* first level */

				#menu > ul
				{
					height: 3.75em; /* 60 */
					background-color: #febc6d;
					border-top:solid 1px #FFFFFF;
					border-bottom:solid 1px #FFFFFF;
					z-index:9999;

				}
					#menu > ul > li
					{
						width: 25%;
						height: 100%;
						float: left;
						list-style:none;
					}
						#menu > ul > li > a
						{
							height: 100%;
							font-size: 1em; /* 24 */
							line-height: 2.5em; /* 60 (24) */
							text-align: center;text-decoration:none;
						}
							#menu > ul > li:not( :last-child ) > a
							{
								border-right: 1px solid #fff;
							}
							#menu > ul > li:hover > a,
							#menu > ul:not( :hover ) > li.active > a
							{
								background-color: #fea943;

							}


					/* second level */

					#menu li ul
					{
						background-color: #fea943;
						display: none;

						position: static;

						padding-top: 0;		z-index:9999;
					}


						#menu li:hover ul
						{
							display: block;
							left: 0;
							right: 0;
						}
							#menu li:not( :first-child ):hover ul
							{
								left: -1px;
								margin:0px;
								padding:0px;
							}
							#menu li ul a
							{
								font-size:1em; /* 20 */
							background-color:#558fb1;


								padding-right: 0.75em; /* 15 (20) */
								padding-left: 0.75em; /* 15 (20) */
								padding-bottom: 0.20em; /* 15 (20) */
								padding-top: 0.20em; /* 15 (20) */
								text-decoration:none;
							}
								#menu li ul li a:hover,
								#menu li ul:not( :hover ) li.active a
								{
									background-color: #d1f0fe;
									color:#000;
								}
					/************************For Menu Name *****************/
					#menu > a
					{
						padding:5px; /* 50 */
						font-size:16px;
						text-align: center;
					text-decoration:none;
						background-color: #febc6d;
						position: relative;
						color:#fff;
						text-transform:uppercase;
						font-family:Tahoma, Geneva, sans-serif;
						font-weight:bold;
					}
						#menu > a:before,
						#menu > a:after
						{
							position: absolute;

							top: 5%;
							left: 25%;
							right: 25%;
							content: '';
						}
						#menu > a:after
						{
							top: 60%;
						}

					#menu:not( :target ) > a:first-of-type,
					#menu:target > a:last-of-type
					{
						display: block;
					}


				/* first level */

				#menu > ul
				{
					height: auto;
					display: none;
					left: 0;
					right: 0;
					margin:0px; padding:0px;
				}
					#menu:target > ul
					{
						display: block;
					}
					#menu > ul > li
					{
						width: 100%;
						float: none;
					}
						#menu > ul > li > a
						{
							height: auto;
							text-align: center;
							padding: 0 0.833em; /* 20 (24) */
							font-size:14px;
							text-transform:uppercase;
							font-family:Tahoma, Geneva, sans-serif;
							font-weight:bold;
						}
							#menu > ul > li:not( :last-child ) > a
							{
								border-right: none;
								border-bottom: 1px solid #fff;
							}
	#nav{
	display:block;
	margin: 2px 0 0 0;
	}
		#nav
		{
	float:left;
	width:100%;
		background: #febc6d;
		}
			#nav > a
				{
					display: none;
				}

				#nav li
				{
					position: relative;
					list-style:none;
					width:100%;
				}
					#nav li a
					{
						color: #fff;
						display: block;
					}
					#nav li a:active
					{
							background-color: #949494 !important;
					}

				#nav span:after
				{
					width: 0;
					height: 0;
					border: 0.313em solid transparent; /* 5 */
					border-bottom: none;
					border-top-color: #fff;
					content: '';
					vertical-align: middle;
					display: inline-block;
					position: relative;
					right: -0.313em; /* 5 */
				}

				/* first level */

				#nav > ul
				{
					height: 3.75em; /* 60 */
					background-color: #febc6d;
					border-top:solid 1px #fff;
					border-bottom:solid 1px #fff;
					z-index:9999;

				}
					#nav > ul > li
					{
						width: 25%;
						height: 100%;
						float: left;
						list-style:none;
					}
						#nav > ul > li > a
						{
							height: 100%;
							line-height: 2.5em; /* 60 (24) */
							text-align: center;
							text-decoration:none;
							font-family: Tahoma,Geneva,sans-serif;
							font-size: 14px;
							font-weight: bold;
							text-transform:uppercase;				}
							#nav > ul > li:not( :last-child ) > a
							{
								border-right: 1px solid #fff;
							}
							#nav > ul > li:hover > a,
							#nav > ul:not( :hover ) > li.active > a
							{
								background-color: #fea943;

							}


					/* second level */

					#nav li ul
					{
						background-color: #949494;
						display: none;
						font-size:12px;
						position: static;

						padding-top: 0;		z-index:9999;
					}
					#nav li ul li h3
					{
						font-size:14px;
						color:#000;
						border-bottom:1px dashed #000;
						margin-bottom:0;
						font-weight:bold;
					}
							#nav li ul li h3 a{ color:#000}


						#nav li:hover ul
						{
							display: block;
							left: 0;
							right: 0;
						}
							#nav li:not( :first-child ):hover ul
							{
								left: -1px;
								margin:0px;
								padding:0px;
							}
							#nav li ul a
							{
								font-size:1em; /* 20 */
							background-color:#fea943;


								padding-right: 0.75em; /* 15 (20) */
								padding-left: 0.75em; /* 15 (20) */
								padding-bottom: 0.20em; /* 15 (20) */
								padding-top: 0.20em; /* 15 (20) */
								text-decoration:none;
							}
								#nav li ul li a:hover,
								#nav li ul:not( :hover ) li.active a
								{
									/*background-color: #d1f0fe;*/
									color:#fff;
									text-decoration:underline;
								}
					/************************For Menu Name *****************/
					#nav > a
					{
						padding:5px; /* 50 */
						font-size:16px;
						text-align: center;
					text-decoration:none;
						background-color: #febc6d;
						position: relative;
						color:#fff;
						text-transform:uppercase;
						font-family:Tahoma, Geneva, sans-serif;
						font-weight:bold;

					}
						#nav > a:before,
						#nav > a:after
						{
							position: absolute;

							top: 5%;
							left: 25%;
							right: 25%;
							content: '';
						}
						#nav > a:after
						{
							top: 60%;
						}

					#nav:not( :target ) > a:first-of-type,
					#nav:target > a:last-of-type
					{
						display: block;
					}


				/* first level */

				#nav > ul
				{
					height: auto;
					display: none;
					left: 0;
					right: 0;
					margin:0px; padding:0px;
				}
					#nav:target > ul
					{
						display: block;
					}
					#nav > ul > li
					{
						width: 100%;
						float: none;
					}
						#nav > ul > li > a
						{
							height: auto;
							text-align: left;
							padding: 0 0.833em; /* 20 (24) */
						}
							#nav > ul > li:not( :last-child ) > a
							{
								border-right: none;
								border-bottom: 1px solid #fff;
							}
	.none{ display:none}
	.menu li a.rss{ margin-left:35px}
}

/* Hide Mobile Elements on Desktop */
#mobile-top-bar, #mobile-menu-overlay {
    display: none !important;
}

/* --- KILL MOBILE ELEMENTS ON DESKTOP --- */
@media (min-width: 766px) {
    #mobile-top-bar, 
    #mobile-menu-overlay, 
    .search-container {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        visibility: hidden !important;
    }

    /* Resets the header margin so there is no white gap on desktop */
    #header { 
        margin-top: 0 !important; 
    }
}

/* --- WONDERFUL MALAYSIA UNIQUE HERO SECTION (TOP) --- */
.hero-wm-section {
    max-width: 1050px;
    margin: 20px auto 50px auto;
    padding: 0 20px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}

.hero-wm-intro h1 {
    color: #333;
    font-size: 28px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 15px;
}

.hero-wm-intro h1 strong {
    color: #F8941D;
    font-weight: 800;
}

.hero-wm-intro p {
    font-size: 16px;
    color: #777;
    max-width: 700px;
    margin: 0 auto 40px auto;
    line-height: 1.6;
}

/* TOP GRID: Clean, no lines */
.hero-wm-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    margin-top: 20px;
}

.hero-wm-card {
    background: transparent;
    border: none !important;
    text-align: left;
    padding: 0;
}

.hero-wm-card h3 {
    font-size: 16px;
    color: #F8941D;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.hero-wm-card h3::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #eee;
    margin-left: 15px;
}

/* --- BOTTOM LINK LISTS (With Vertical Dividers) --- */
.hero-wm-grid-links {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; 
    gap: 0; 
    max-width: 1100px;
    margin: 50px auto;
}

.hero-wm-card-links {
    padding: 0 40px; 
    box-sizing: border-box;
    position: relative;
}

/* Vertical Dividers for Bottom Section Only */
.hero-wm-card-links:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 15px !important;
    height: 85% !important;
    width: 1px !important;
    background: #eeeeee !important;
}

.hero-wm-card-links h3 {
    display: flex !important;
    align-items: center !important;
    color: #F8941D !important;
    font-size: 15px !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0 0 25px 0 !important;
    padding: 0 !important;
    background: none !important;
}

.hero-wm-card-links h3::after {
    content: '' !important;
    flex: 1 !important;
    height: 1px !important;
    background: #f2f2f2 !important;
    margin-left: 15px !important;
}

.hero-list-links a {
    display: block !important;
    padding: 8px 0 !important; 
    color: #555 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    background-image: url('images/listarrow.gif') !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 9px !important;
}

.hero-list-links a.more-link {
    text-align: left !important;
    color: #aaaaaa !important;
    font-style: italic !important;
    background-image: none !important; 
    padding-top: 20px !important;
    font-size: 14px !important;
}

/* --- MAGAZINE SEO SECTION --- */
.seo-wm-magazine {
    max-width: 1050px;
    margin: 60px auto;
    padding: 0 20px;
    color: #444;
}

.seo-wm-header h2 {
    color: #333 !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
}

.seo-wm-header p {
    font-style: italic;
    color: #888;
    font-size: 16px;
    margin: 0 0 30px 0;
}

.seo-wm-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.seo-wm-column h3 {
    display: flex !important;
    align-items: center !important;
    color: #F8941D !important;
    font-size: 16px !important;
    text-transform: uppercase;
    margin-bottom: 15px !important;
}

.seo-wm-column h3::after {
    content: '' !important;
    flex: 1 !important;
    height: 1px !important;
    background: #eeeeee !important;
    margin-left: 15px !important;
}

.seo-wm-text {
    font-size: 15px;
    line-height: 1.8;
    text-align: justify;
}

.seo-wm-text a {
    color: #F8941D;
    text-decoration: underline;
}

/* TikTok Button Fix */
.seo-wm-tiktok-link {
    display: inline-flex !important;
    width: auto !important; 
    align-items: center !important;
    margin-top: 25px !important;
    padding: 10px 22px !important;
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.seo-wm-tiktok-icon {
    width: 18px;
    height: 18px;
    margin-right: 12px;
    fill: white;
    flex-shrink: 0;
}

.seo-wm-footer-note {
    margin-top: 40px;
    padding: 25px 0;
    border-top: 1px solid #eee;
    font-style: italic;
    font-size: 14px;
    color: #777;
    line-height: 1.7;
    text-align: center;
}

/* --- SHARED MOBILE RESPONSIVENESS --- */
@media (max-width: 765px) {
    /* Stack Grids */
    .hero-wm-grid, .hero-wm-grid-links, .seo-wm-grid {
        grid-template-columns: 1fr !important;
        gap: 30px;
    }

    /* Reset SEO Alignment */
    .seo-wm-text { text-align: left !important; }

    /* Remove Vertical Lines on Mobile */
    .hero-wm-card-links::after { display: none !important; }

    /* Add Bottom Separators for Stacked Mobile Cards */
    .hero-wm-card, .hero-wm-card-links {
        padding: 0 0 20px 0 !important;
        border-bottom: 1px solid #f2f2f2 !important;
    }
    .hero-wm-card:last-child, .hero-wm-card-links:last-child { border-bottom: none !important; }

    /* Mobile TikTok Button */
    .seo-wm-tiktok-link { display: flex !important; justify-content: center; }
}

/* --- MAGAZINE STYLE LATEST POSTS (Single Column / Long Titles) --- */
#latest-news-container.news-wm-wrapper {
    max-width: 1050px;
    margin: 60px auto;
    padding: 0 20px;
    background: transparent;
    border: none;
    box-shadow: none;
}

.news-wm-title {
    display: flex !important;
    align-items: center !important;
    color: #F8941D !important;
    font-size: 18px !important;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 20px !important;
}

.news-wm-title::after {
    content: '' !important;
    flex: 1 !important;
    height: 1px !important;
    background: #eeeeee !important;
    margin-left: 15px !important;
}

.news-wm-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important; /* Forces single column */
}

.news-wm-list li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f2f2f2 !important;
}

.news-wm-list li:last-child {
    border-bottom: none !important;
}

.news-wm-list li a {
    text-decoration: none !important;
    color: #333 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    display: flex !important;
    align-items: flex-start !important; /* Aligns bullet to the top of long titles */
    padding: 15px 5px !important;
    transition: all 0.2s ease;
}

/* Custom Bullet: A small elegant dash or dot */
.news-wm-list li a::before {
    content: "\2014"; /* Em-dash for a modern look */
    margin-right: 15px;
    color: #F8941D;
    font-weight: bold;
    flex-shrink: 0; /* Prevents the dash from squishing on small screens */
}

.news-wm-list li a:hover {
    color: #F8941D !important;
    background-color: #fafafa !important; /* Very faint highlight */
    padding-left: 15px !important; /* Subtle "nudge" effect on hover */
}

/* Mobile Adjustments */
@media (max-width: 765px) {
    #latest-news-container.news-wm-wrapper {
        margin: 40px 0 !important;
    }
    
    .news-wm-list li a {
        font-size: 15px !important;
        padding: 12px 0 !important;
    }
}

/* --- MAGAZINE STYLE CHECKLIST --- */
.check-wm-container {
    max-width: 1050px;
    margin: 60px auto;
    padding: 0 20px;
    background: transparent;
    border: none;
    box-shadow: none;
    font-family: 'Open Sans', Arial, sans-serif;
}

.check-wm-title {
    display: flex !important;
    align-items: center !important;
    color: #F8941D !important;
    font-size: 18px !important;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 30px !important;
}

/* Signature accent line */
.check-wm-title::after {
    content: '' !important;
    flex: 1 !important;
    height: 1px !important;
    background: #eeeeee !important;
    margin-left: 15px !important;
}

.check-wm-list {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two columns on desktop */
    gap: 30px 50px; /* Generous space between items */
}

.check-wm-item {
    display: flex;
    align-items: flex-start;
    padding: 0;
    background: transparent;
    border: none;
}

.check-wm-icon {
    color: #F8941D; /* Brand Orange */
    font-size: 18px;
    font-weight: bold;
    margin-right: 15px;
    margin-top: 2px;
    flex-shrink: 0;
}

.check-wm-text {
    font-size: 15px;
    line-height: 1.6;
    color: #444;
}

.check-wm-text strong {
    color: #333;
    display: block;
    font-size: 16px;
    text-transform: none;
    margin-bottom: 4px;
    font-weight: 700;
}

/* Link Styling */
.check-wm-text a {
    color: #F8941D;
    text-decoration: underline;
    font-weight: 600;
}

.check-wm-text a:hover {
    color: #e68616;
}

/* Mobile Adjustments */
@media (max-width: 765px) {
    .check-wm-list {
        grid-template-columns: 1fr; /* Single column on mobile */
        gap: 25px;
    }
    
    .check-wm-title {
        font-size: 16px !important;
    }

    .check-wm-container {
        margin: 40px 0 !important;
    }
}

/* --- MAGAZINE STYLE POST FOOTER --- */
.post-footer {
    clear: both;
    margin: 60px auto;
    max-width: 1050px;
    padding: 0 20px;
}

.foot-wm-community {
    text-align: center;
    background-color: transparent; /* Cleaner look */
    padding: 40px 0;
    border-top: 1px solid #eeeeee; /* Subtle separator instead of a box */
    border-bottom: 1px solid #eeeeee;
    font-family: 'Open Sans', Arial, sans-serif;
}

.foot-wm-title {
    color: #333 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px !important;
}

.foot-wm-subtext {
    display: block;
    margin-top: 30px;
    font-size: 15px;
    font-style: italic;
    color: #888;
}

.foot-wm-links-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 20px;
}

/* Social "Chips" Styling */
.foot-wm-link {
    display: inline-flex;
    align-items: center;
    padding: 8px 20px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 50px;
    color: #555 !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.foot-wm-link:hover {
    background-color: #F8941D;
    color: #ffffff !important;
    border-color: #F8941D;
    transform: translateY(-2px);
}

/* Highlighted Community Links (WhatsApp/Groups) */
.foot-wm-link-highlight {
    border-color: #F8941D;
    color: #F8941D !important;
}

.foot-wm-link-highlight:hover {
    background-color: #333; /* Darker accent for contrast */
    border-color: #333;
}

/* Mobile Tweak */
@media (max-width: 765px) {
    .foot-wm-title { font-size: 18px !important; }
    .foot-wm-link { padding: 6px 15px; font-size: 12px; }
    .foot-wm-community { padding: 30px 10px; }
}

/* --- MODERN SIDEBOX: DESKTOP STYLING --- */

/* 1. Reset the container to be clean and white */
.modern-sidebox {
    background: #ffffff !important;
    border: 1px solid #eeeeee !important; /* Light, elegant border */
    border-radius: 8px !important;
    padding: 25px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    width: 370px !important; /* Matches your sidebar width */
    margin-bottom: 30px !important;
    box-sizing: border-box !important;
}

/* 2. Modern Header: Orange text with the signature horizontal line */
.modern-sidebox h3 {
    display: flex !important;
    align-items: center !important;
    background: none !important; /* Removes the old green background */
    color: #F8941D !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* The signature line next to the title */
.modern-sidebox h3::after {
    content: '' !important;
    flex: 1 !important;
    height: 1px !important;
    background: #eeeeee !important;
    margin-left: 15px !important;
}

/* 3. List Cleanup */
.modern-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.modern-list li {
    position: relative !important;
    border-bottom: 1px solid #f9f9f9 !important;
    padding: 10px 0 10px 25px !important; /* Space for the bullet */
    font-size: 14px !important;
    line-height: 1.6 !important;
    float: none !important; /* Kills the old desktop float */
    width: 100% !important;
}

.modern-list li:last-child {
    border-bottom: none !important;
}

/* 4. THE CSS BULLETS (Replacing the GIFs) */
.modern-list li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 18px !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
}

/* Bullet Colors */
.guidebook-icons li.orange::before { background-color: #F8941D !important; }
.guidebook-icons li.pink::before   { background-color: #E91E63 !important; }
.guidebook-icons li.blue::before   { background-color: #2196F3 !important; }
.guidebook-icons li.green::before  { background-color: #4CAF50 !important; }
.guidebook-icons li.grey::before   { background-color: #9E9E9E !important; }
.guidebook-icons li.purple::before { background-color: #9C27B0 !important; }
.guidebook-icons li.yellow::before { background-color: #FFC107 !important; }

/* Booking Section Bullet (Thumbs up replacement) */
.check-list li::before {
    background-color: #F8941D !important; /* Or use a checkmark color */
}

/* 5. Link Styling */
.modern-list li a {
    color: #444 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.modern-list li a:hover {
    color: #F8941D !important;
    text-decoration: underline !important;
}