/*
Theme Name: SmartMag Child
Theme URI: https://smartmag.theme-sphere.com/
Description: A child theme of SmartMag
Author: ThemeSphere
Author URI: https://theme-sphere.com
Template: smart-mag
Version: 1.1
*/

:root {
  --orange: #e45b16;
}

.smart-head .ts-button1 {
  font-weight: 700;
  height: 40px;
}
.navigation .menu ul > li > a, .home .navigation-main .menu > li > a, .navigation-main .menu > li > a {
  font-weight: 500 !important;
}
.navigation-main .menu > li.current-menu-item > a, .block-head .filters a {
  font-weight: 700 !important;
}
body .navigation .current-page-ancestorr li a, body .navigation .current-page-ancestor li .sub-menu .current-menu-item a {
  color: var(--c-nav-drop-hov);
  font-weight: 700 !important;
}

body .block-head h4 {
  color: var(--c-block) !important;
}


.smart-head .ts-button1, .cf7-label, .wpcf7 input[type="text"],
.wpcf7 textarea, footer .base-text, .post-title a, .block-head .filters a, .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]  {
  font-size: 18px;
}
.block-head .heading, .navigation .menu ul > li > a, .home .navigation-main .menu > li > a , .navigation .sub-menu li > a:after, .navigation .menu li > a:after, .classic-footer-lower .links a, .navigation-main .menu > li > a, .upper-footer .block-head .heading   {
  font-size: 20px;
}

i.tsi.tsi-search {
  color: #fff;
}
.home div#smart-head {
  background: #292C29;
}

.home .navigation-main .menu > li > a {
  color: #fff;
}
.home .smart-head-sticky .navigation-main .menu > li:not(.current-menu-item) > a {
  color: #050505;
}
.home  .spc-social .service {
  color: var(--orange);
  border-color: var(--orange);
}

.navigation-main .menu > li > a {
  font-weight: 500;
}

.smart-head-main .smart-head-bot .items.items-left {
  display: none;
}

/* .scheme-switcher.has-icon-only {
  display: none;
} */
.cat-labels .category {
  font-weight: 900;
}
.post-title a {
  font-weight: 600;
}

.home i.icon.tsi.tsi-moon {
  color: #fff;
}

.grid-stylish-post .content {
  background-color: var(--c-contrast-50);
}

.one-column .loop.loop-grid.loop-grid-base.grid.grid-1.md\:grid-2.xs\:grid-1 article.l-post.grid-post.grid-base-post {
  display: flex;
  width: 100%;
  --post-format-scale: .82;
}

.one-column .loop.loop-grid.loop-grid-base.grid.grid-1.md\:grid-2.xs\:grid-1 article.l-post.grid-post.grid-base-post .media {
  display: block;
  width: 200px;
  max-width: 40%;
  margin-right: 18px;
  flex-shrink: 0;
}
.small-post .media {
  width: 200px;
}

.one-column .loop.loop-grid.loop-grid-base.grid.grid-1.md\:grid-2.xs\:grid-1 article.l-post.grid-post.grid-base-post span.meta-item.post-author {
  display: none;
}

.one-column .loop.loop-grid.loop-grid-base.grid.grid-1.md\:grid-2.xs\:grid-1 article.l-post.grid-post.grid-base-post .post-meta .meta-item:before {
  display: none;
}

.one-column .loop.loop-grid.loop-grid-base.grid.grid-1.md\:grid-2.xs\:grid-1 article.l-post.grid-post.grid-base-post .excerpt {
  display: none;
}

.block-head .view-link-b {
  color: #fff;
  background-color: #E35B18;
  border-color: #E35B18 !important;
}
.block-head .view-link:hover {
  color:#E35B18 ;
  background-color: #fff;
}
.smart-head .logo-image {
  width: 70%;
  margin: 0 auto;
}
span.date-link {
  font-weight: 500;
}

.two-column .loops-mixed {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;align-items: normal;}

.two-column .block-highlights .loop-small {
    margin-top: 0;
}

.block-head  h4 {
  color: #050505  !important;
}

.block-head-c .heading {
  font-weight: 900;
}


.oink-youtube-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
}

.oink-youtube-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




@media screen and (max-width :940px) {
  .classic-footer-lower .links a {
    font-size: 16px;
  }
  body:not(.home) i.tsi.tsi-search {
    color: #fff !important;
  }
  .one-column .l-post .content {
    position: relative;
    display: flex;
    align-items: center;
  }
  .one-column .loop.loop-grid.loop-grid-base.grid.grid-1.md\:grid-2.xs\:grid-1 {
    width: 100% !important;
    display: block;
  }
  .two-column .loops-mixed {grid-template-columns: 1fr;gap: 20px;align-items: normal;}
  .two-column .loop.loop-grid.loop-grid-base.grid.grid-1.md\:grid-2.xs\:grid-1 {
    width: 100% !important;
    display: block;
  }
}


.oink-video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.oink-video-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* ถ้ามี youtube → ซ่อน featured image */
.l-post.has-youtube > .media:not(.media-youtube) {
  display: none !important;
}

/* แสดง youtube */
.l-post.has-youtube .media-youtube {
  display: block;
}

/* default: ซ่อน youtube */
.media-youtube {
  display: none;
}
.none-small-grid .loop.loop-small.loop-small-a.grid.grid-1.md\:grid-2.sm\:grid-1.xs\:grid-1 {
  display: none;
}

.two-column.none-small-grid .loops-mixed {
  display: block;
}


.full-width-two .list-post {
  display: block;
}

.full-width-two .list-post .media {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0 !important;
    display: block;
    max-width: 100%;
}
.full-width-two  .l-post .c-overlay.p-top-center {
  left: 50%;
  transform: translate(-50%, 50%);
  top: 40%;
}

.navigation-main .menu > li.current-menu-item > a {
    color: #E45B17;
    font-weight: bold;
}

.lower-footer .inner {
  align-items: center;
}

footer .base-text {
  color: #fff;
  font-weight: 500;
}


.upper-footer .block-head .heading {
  font-weight: 900;
}


.yt-btn span.elementor-button-icon {
  width: auto;
  height: auto;
  border: 1px solid #fff;
  border-radius: 100%;
  text-align: center;
  padding: 10px;
  background: #fff;
}

.yt-btn span.elementor-button-content-wrapper {
  align-items: center;
}
.yt-btn svg.e-font-icon-svg.e-far-bell {
  fill: #050505;
}

@media (max-width: 1024px) {
.p-0 {
   margin-left: 0  !important;
}
}
@media (max-width: 540px) {
  .list-post:not(.grid-on-sm) .image-link {
      padding-bottom: calc(100% / 1.68);
  }
	.elementor-widget-image-box .elementor-image-box-wrapper {
    display: flex;
    gap: 10px;
}
}

.elementor-widget-sidebar .smartmag-widget-posts-small article.l-post.small-post.small-a-post.m-pos-left {
  display: grid;
}

.smart-head-main .smart-head-bot .items.items-left {
    display: block !important;
    opacity: 0;
    pointer-events: none;
}

.spc-social .service {
  color: var(--orange);
  border-color: var(--orange);
}

body:not(.home) i.tsi.tsi-search {
  color: #050505;
}

.lower-footer.classic-footer-lower {
  background: #050505;
}

.lower-footer .inner {
  display: grid;
  justify-content: center;
  gap: 20px;
  padding: 50px 0;
}

.lower-footer .inner .copyright .spc-social-block {
  justify-content: center;
  gap: 20px;
}

.classic-footer-lower .links a {
  color: #fff;
  text-transform: uppercase;
}

.classic-footer-lower .menu li:first-child:before {
  display: none;
}

footer .loop-sep .l-post:after {
  border-color: #fff;
}

body:not(.home) .smart-head-main .smart-head-bot {
  border-top-color: #E45B17 !important;
  border-bottom-color: #E45B17 !important;
}

/* === CF7 Wrapper === */
.wpcf7 form {
  margin: auto;
}

/* === Grid 2 columns === */
.cf7-grid p {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}
/* === Inputs & Textarea === */
.wpcf7 input[type="text"],
.wpcf7 textarea, .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
  width: 100%;
  padding: 25px 18px;
  background: #E9E9E9;
  border: none;
  border-radius: 5px;
  color: #333;
  box-sizing: border-box;
}

.wpcf7 textarea {
  min-height: 170px;
  resize: vertical;
}
.wpcf7 input[type="text"]::PLACEHOLDER ,.wpcf7 input[type="url"]::PLACEHOLDER, .wpcf7 input[type="email"]::PLACEHOLDER, .wpcf7 input[type="tel"]::PLACEHOLDER  {
  TEXT-ALIGN: center;
}
/* Placeholder */
.wpcf7 ::placeholder {
  color: #8c8c8c;
}

/* Focus */
.wpcf7 input:focus,
.wpcf7 textarea:focus {
  outline: none;
  background: #ececec;
}

/* Label */
.cf7-label {
  font-weight: 600;
  margin-bottom: 0px;
  display: block;
}

/* === Acceptance === */
.cf7-accept {
  margin: 20px 0;
  font-size: 14px;
  text-align: center;
}

.cf7-accept input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

/* === Submit Button === */
.cf7-submit {
  width: 100%;
  padding: 7px 0 !important;
  background: #e65c16;
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 16px !important;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
}
.cf7-submit:hover {
  background: #E35B18;
}
.smart-head-b .smart-head-bot.s-dark, .s-dark .smart-head-b .smart-head-bot {
  background-color: #050505;
}

.smart-head-main, .s-light .smart-head-sticky:not(.s-dark),.smart-head-mid.s-dark, .s-dark .main-footer .upper-footer {
  background-color: #262D28;
}
.navigation .menu > li > a {
  color: #fff;
  padding: 0 40px;
}



a.link.service.s-facebook i, a.link.service.s-youtube i, a.link.service.s-instagram i, a.link.service.s-tiktok i {
  font-size: 0 !important;
  border: none;
}
a.link.service.s-facebook {
  background-image: url(/wp-content/uploads/2026/02/Logo-Facebook.png) !important;
  border: none;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
      border-radius: 0 !important;
}
a.link.service.s-youtube {
  background-image: url(/wp-content/uploads/2026/02/Logo-YouTube.png) !important;
  border: none;
  background-position: center;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
      border-radius: 0 !important;
}
a.link.service.s-instagram {
  background-image: url(/wp-content/uploads/2026/02/Logo-IG.png) !important;
  border: none;
  background-color: transparent;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
      border-radius: 0 !important;
}
a.link.service.s-tiktok {
  background-image: url(/wp-content/uploads/2026/02/Logo-TikTok.png) !important;
  border: none;
  background-position: center;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
      border-radius: 0 !important;
}
.home .smart-head-sticky .navigation-main .menu > li:not(.current-menu-item) > a {
  color: #fff;
}
h2.is-title.post-title, .l-post .excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.l-lines-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2 !important;
  overflow: hidden;
}
h4.is-title.post-title {
	 display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3 !important;
  overflow: hidden;
}
.post-share-bot .info, time.post-date, span.meta-item.post-author {font-size: 14px !important;}
.site-s-light .post-title a {
  color: #050505;
}
span.wpcf7-list-item-label {
  color: #050505 !important;
}
.site-s-light .block-head .filters a:not(.active) {
  color: #000 !important;
}
.site-s-dark .block-head .filters a:not(.active) {
  color: #fff !important;
}
.block-head .filters .active {
  COLOR: #e35b18 !important;
}
.site-s-light .loop-sep .l-post:after {
  display: none;
}
.site-s-light footer .post-title a {
  color: #fff !important;
}
.site-s-dark .loop.loop-list.loop-sep.loop-list-sep.grid.grid-1.md\:grid-1.sm\:grid-1 .l-post {
  border-bottom: 0px !important;
}
ul.sub-menu li.menu-item-has-children:hover a:after{
  COLOR: #e35b18;
}
.site-s-dark body:not(.home) i.tsi.tsi-search {
  color: #fff !important;
}
.site-s-light .scheme-switcher .icon, .site-s-light body:not(.home) i.tsi.tsi-search {
  color: #fff !important;
}
footer .post-title a {
  color: #fff;
}
.classic-footer-lower .menu {
  gap: 30px;
}
footer .image-logo img {
  width: 200px;
}
footer .loop-sep .l-post:after {
  border-bottom: 0.5px solid #E9E9E9;
}
footer .block-head-h {
  border-bottom: 1px solid #fff;
}
.post-title a:hover {
  color: #E35B18;
}
.post-share-bot .tsi {
  font: normal normal normal 14px / 1 ts-icons !important;
}
.media-ratio.ratio-16-9, .media-ratio.ratio-3-2 {
  padding-bottom: 56.25%;
}
.cat-labels .category {
  font-size: 14px;
  padding: 4px 20px !important;
}
article.l-post.list-post.list-post-v-center.l-post-media-v-center.list-post-on-sm.m-pos-left .content {
  justify-content: flex-start;
}
article.l-post.list-post.list-post-v-center.l-post-media-v-center.list-post-on-sm.m-pos-left .content .post-meta .post-cat > a {
  font-size: 16px;
  background: var(--c-main);
  color: #fff;
  padding: 4px 20px !important;
  border-radius: 4px;
}
.navigate-posts .previous .title, .navigate-posts .next .title {
  font-weight: bold;
  font-size: 14px;
}
.current_page_ancestor > a, .current-menu-parent > a:after, .current_page_item > a:after {
  color: #E35B18 !important;
}
.current-page-ancestor.current-menu-ancestor.current_page_ancestor > a:after {
  color: #E35B18 !important;
}
/* === Mobile === */
@media (max-width: 768px) {
  .cf7-grid {
    grid-template-columns: 1fr;
  }
}