/* line 3, ../scss/default_theme.scss */
html, body { overflow-x: hidden; width: 100vw; }

/* line 7, ../scss/default_theme.scss */
img, video, iframe { max-width: 100%; }

/* line 10, ../scss/default_theme.scss */
body * { font-family: 'Noto Sans Thai', sans-serif; font-weight: 400; font-size: 0.9rem; line-height: 1.25; color: #333333; box-sizing: border-box; }

/* line 18, ../scss/default_theme.scss */
body { background-color: white; padding: 0; margin: 0; }
/* line 22, ../scss/default_theme.scss */
body strong { font-weight: 700; }
/* line 25, ../scss/default_theme.scss */
body .container { width: 96%; max-width: 1240px; position: relative; }

/* line 31, ../scss/default_theme.scss */
#wpadminbar { z-index: 999; }

/* line 35, ../scss/default_theme.scss */
.menu-bar { background-color: #1c4458; color: #efdb7d; position: sticky; padding: 1rem 0; margin-bottom: 1.75rem; top: 0; z-index: 1001; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); width: 100%; /* Search Icon */ /* Search Box */ }
/* line 45, ../scss/default_theme.scss */
.menu-bar.sticky { position: fixed; top: 0; width: 100%; background: #1c4458; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
/* line 53, ../scss/default_theme.scss */
.menu-bar .logo-block a { display: flex; }
/* line 56, ../scss/default_theme.scss */
.menu-bar .logo-block img { width: 95px; height: auto; }
/* line 61, ../scss/default_theme.scss */
.menu-bar .navbar { display: flex; align-items: center; justify-content: space-between; /* Mobile Styles */ }
/* line 65, ../scss/default_theme.scss */
.menu-bar .navbar .navbar-menu { position: relative; display: flex; flex-direction: row; padding: 0; }
/* line 70, ../scss/default_theme.scss */
.menu-bar .navbar .navbar-menu .primary-menu { background: none; list-style: none; margin: 0; padding: 0; display: flex; align-items: center; }
@media screen and (max-width: 991px) { /* line 70, ../scss/default_theme.scss */
  .menu-bar .navbar .navbar-menu .primary-menu { display: flex; justify-content: flex-end; }
  /* line 80, ../scss/default_theme.scss */
  .menu-bar .navbar .navbar-menu .primary-menu .mega-menu-toggle { width: 3rem; display: flex; justify-content: center; cursor: pointer; } }
/* line 87, ../scss/default_theme.scss */
.menu-bar .navbar .navbar-menu .primary-menu li { margin: 0; }
/* line 89, ../scss/default_theme.scss */
.menu-bar .navbar .navbar-menu .primary-menu li:first-child { display: none; }
/* line 92, ../scss/default_theme.scss */
.menu-bar .navbar .navbar-menu .primary-menu li a { color: #FFF; text-decoration: none; line-height: 1; position: relative; padding: 0; margin-right: 2rem; font-size: 14px; font-weight: 400; display: flex; flex-direction: column; align-items: center; justify-content: center; }
/* line 105, ../scss/default_theme.scss */
.menu-bar .navbar .navbar-menu .primary-menu li a:hover { background: none; }
/* line 107, ../scss/default_theme.scss */
.menu-bar .navbar .navbar-menu .primary-menu li a:hover:after { transform: scaleX(1); }
/* line 111, ../scss/default_theme.scss */
.menu-bar .navbar .navbar-menu .primary-menu li a:focus { background: none; }
/* line 114, ../scss/default_theme.scss */
.menu-bar .navbar .navbar-menu .primary-menu li a:before { content: attr(data-text); height: 0; visibility: hidden; overflow: hidden; user-select: none; pointer-events: none; font-weight: 700; }
/* line 124, ../scss/default_theme.scss */
.menu-bar .navbar .navbar-menu .primary-menu li a:after { content: ''; display: block; position: absolute; width: 100%; height: 1px; bottom: -4px; left: 0; background: linear-gradient(151deg, rgba(255, 255, 255, 0) 0%, #efdb7d 100%); transform: scaleX(0); transform-origin: bottom left; transition: transform 0.5s ease-out; }
/* line 140, ../scss/default_theme.scss */
.menu-bar .navbar .navbar-menu .primary-menu li.current-menu-item a { color: #efdb7d; background: none; font-weight: bold; }
/* line 144, ../scss/default_theme.scss */
.menu-bar .navbar .navbar-menu .primary-menu li.current-menu-item a:after { transform: scaleX(1); }
/* line 153, ../scss/default_theme.scss */
.menu-bar .navbar .menu-toggle { display: none; }
/* line 156, ../scss/default_theme.scss */
.menu-bar .navbar .close-menu { display: none; position: absolute; top: 15px; right: 15px; font-size: 24px; background: none; border: none; color: #FFF; cursor: pointer; z-index: 1001; }
@media screen and (max-width: 991px) { /* line 61, ../scss/default_theme.scss */
  .menu-bar .navbar { justify-content: flex-end; padding-right: 20px; }
  /* line 171, ../scss/default_theme.scss */
  .menu-bar .navbar .menu-toggle { display: flex; order: 2; align-items: center; justify-content: center; width: auto; height: auto; padding: 2px 8px 8px; margin-left: 8px; background: #FFF; border: none; border-radius: 5px; cursor: pointer; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: background 0.3s ease, transform 0.3s ease; }
  /* line 186, ../scss/default_theme.scss */
  .menu-bar .navbar .menu-toggle:hover { background: #d7d7d7; transform: scale(1.1); }
  /* line 190, ../scss/default_theme.scss */
  .menu-bar .navbar .menu-toggle span { color: #1c4458; font-size: 22px; line-height: 1; }
  /* line 196, ../scss/default_theme.scss */
  .menu-bar .navbar .close-menu { display: block; }
  /* line 199, ../scss/default_theme.scss */
  .menu-bar .navbar .navbar-menu { display: flex; flex-direction: column; position: fixed; top: 0; left: -500px; width: 90%; max-width: 450px; height: 100%; background: #1c4458; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2); z-index: 1001; transition: left 0.5s ease, opacity 0.5s ease; }
  /* line 212, ../scss/default_theme.scss */
  .menu-bar .navbar .navbar-menu.active { transform: translateX(0); left: 0; }
  /* line 216, ../scss/default_theme.scss */
  .menu-bar .navbar .navbar-menu .primary-menu { flex-direction: column; padding: 20px; }
  /* line 219, ../scss/default_theme.scss */
  .menu-bar .navbar .navbar-menu .primary-menu li { width: 100%; margin: 10px 0; display: flex; }
  /* line 223, ../scss/default_theme.scss */
  .menu-bar .navbar .navbar-menu .primary-menu li:first-child { display: flex; } }
/* line 233, ../scss/default_theme.scss */
.menu-bar .search-icon { display: flex; background: none; border: none; cursor: pointer; }
/* line 238, ../scss/default_theme.scss */
.menu-bar .search-icon .icon-wrapper { display: inline-block; transition: transform 0.5s ease, opacity 0.5s ease; }
/* line 241, ../scss/default_theme.scss */
.menu-bar .search-icon .icon-wrapper svg { display: block; width: 20px; height: 20px; }
/* line 246, ../scss/default_theme.scss */
.menu-bar .search-icon .icon-wrapper.fade-out { transform: scale(0.5); opacity: 0; }
/* line 250, ../scss/default_theme.scss */
.menu-bar .search-icon .icon-wrapper.fade-in { transform: scale(1); opacity: 1; }
/* line 255, ../scss/default_theme.scss */
.menu-bar .search-icon:hover { transform: scale(1.2); }
/* line 261, ../scss/default_theme.scss */
.menu-bar .search-box { display: none; /* Hidden by default */ position: absolute; top: 48px; right: 17px; width: 300px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); padding: 10px; border-radius: 5px; background-color: #333; }
@media screen and (max-width: 991px) { /* line 261, ../scss/default_theme.scss */
  .menu-bar .search-box { top: 60px; right: 17px; width: calc(100% - 48px); } }
/* line 276, ../scss/default_theme.scss */
.menu-bar .search-box.active { display: block; }
/* line 279, ../scss/default_theme.scss */
.menu-bar .search-box .form-group { display: flex; justify-content: space-between; width: 100%; }
/* line 283, ../scss/default_theme.scss */
.menu-bar .search-box .form-group input.search-field { width: calc(100% - 40px); padding: 5px 10px; border: 1px solid #ccc; border-radius: 4px; }
/* line 289, ../scss/default_theme.scss */
.menu-bar .search-box .form-group button.search-submit { width: 25px; padding: 0; font-size: 0; position: relative; background: none; border: none; cursor: pointer; }
/* line 297, ../scss/default_theme.scss */
.menu-bar .search-box .form-group button.search-submit:after { content: ''; display: block; background: url(../images/search.svg) no-repeat; background-position: center; background-size: 22px 22px; width: 22px; height: 22px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); filter: invert(1); }

/* Background Overlay */
/* line 317, ../scss/default_theme.scss */
.menu-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; }

/* line 328, ../scss/default_theme.scss */
.menu-overlay.active { display: block; }

/* line 332, ../scss/default_theme.scss */
.site-content { min-height: 550px; }

/* line 336, ../scss/default_theme.scss */
.site-footer { margin-top: 2rem; overflow: hidden; background-color: #1c4458; }
/* line 340, ../scss/default_theme.scss */
.site-footer * { color: #FFF; font-size: 1rem; }
/* line 344, ../scss/default_theme.scss */
.site-footer .row { margin: 0; padding: 20px 0 5px 0; }
/* line 350, ../scss/default_theme.scss */
.site-footer .row .right-box { text-align: right; }

/* line 357, ../scss/default_theme.scss */
.box-title h1, .box-title h2 { font-size: 1.25rem; font-weight: 800; border-bottom: 2px solid #e0e0e0; margin-bottom: 1.125rem; padding-bottom: 3px; position: relative; }
/* line 364, ../scss/default_theme.scss */
.box-title h1:before, .box-title h2:before { content: ''; display: block; background-color: #1c4458; width: 10%; height: 3px; position: absolute; bottom: -3px; }

/* line 376, ../scss/default_theme.scss */
.white-box { border: 1px solid; border-color: #e0e0e0; border-radius: 5px; padding: 1rem 0.25rem 0; margin: auto; }

/* line 384, ../scss/default_theme.scss */
.post-description { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; }

/* line 391, ../scss/default_theme.scss */
.author { font-size: 0.9rem; display: flex; justify-content: space-between; color: #333333; }
/* line 396, ../scss/default_theme.scss */
.author .post-views { background: #A6CE38; padding: 0 10px; border-radius: 15px; border: 0; display: flex; justify-content: space-between; align-items: center; }
/* line 404, ../scss/default_theme.scss */
.author .post-views .post-views-icon { position: relative; }
/* line 406, ../scss/default_theme.scss */
.author .post-views .post-views-icon:before { font-size: 16px; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); color: #333333; }
/* line 415, ../scss/default_theme.scss */
.author .post-views .post-views-count { font-size: 0.9rem; font-weight: 800; color: #333333; line-height: 1; padding-top: 0; }

/* line 425, ../scss/default_theme.scss */
#wpfront-scroll-top-container img { width: 45px; }

/* line 438, ../scss/default_theme.scss */
#scrollTop { position: fixed; bottom: 30px; right: 20px; cursor: pointer; z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out, visibility 0s linear 0.3s; }
/* line 448, ../scss/default_theme.scss */
#scrollTop.show { opacity: 1; visibility: visible; transition: opacity 0.3s ease-in-out; }
/* line 454, ../scss/default_theme.scss */
#scrollTop img { width: 50px; height: auto; transition: opacity 0.3s ease-in-out; }
/* line 459, ../scss/default_theme.scss */
#scrollTop img:hover { opacity: 0.7; }

/*# sourceMappingURL=default_theme.css.map */