/*
 Theme Name:   Drop-top Child Theme
 Theme URI:    https://drop-top.themerex.net/
 Description:  Drop-top Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     drop-top
 Version:      1.0.0
 Tested up to: 6.7
 Requires at least: 5.5
 Requires PHP: 7.4
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
 Text Domain:  drop-top
*/


/* =Theme customization starts here
------------------------------------------------------------ */
.title-color-01 { color: #47afd7; }
.title-color-02 { color: #a0ffdb; }

.title-head-02 > .e-con-inner { width: auto; /*white-space: nowrap;*/ }

.table-03 ul { padding: 76px 0 40px 0; border-radius: 20px; box-shadow: 0 0 10px 2px #808486; }
.table-03 ul li { position: relative; display: block; padding: 6px 20px 6px 65px; }
.table-03 ul li:nth-child(odd) { background:#f3f3f3; }
.table-03 ul li:before { content: url("/wp-content/uploads/2025/07/p-68070506.webp") / 'Dot'; position: absolute; top: 0; left: 0; margin-top: 9px; margin-left: 20px; }

.table-05 { font-family: "Noto Sans Thai", Sans-serif; font-size: 25px; font-weight: 500; line-height: 1em; text-transform: none; color: #253C5D; }
.table-05 table td { font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }

.table-06 ul { display: grid; grid-template-columns: 176px 1fr; list-style: none; padding: 15px 0 24px 0; margin: 0; background: #ffffff; border-radius: 0 0 20px 20px; }
html[lang="en-US"] .table-06 ul { grid-template-columns: 186px 1fr; }
.table-06 ul > li { padding: 11px 0 11px 0; vertical-align: top; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
.table-06 ul > li:nth-child(4n),
.table-06 ul > li:nth-child(4n - 1) { background: #ffffff; }
.table-06 ul > li:nth-child(4n - 2),
.table-06 ul > li:nth-child(4n - 3) {background: #f3f3f3; }
.table-06 ul > li:nth-child(odd) { font-size: 1.18em; padding-left: 1em; }
.table-06 ul > li:nth-child(even) { position: relative; padding-right: 10px; padding-left: 10px; }
.table-06 ul > li:nth-child(even):before { content: ':'; position: absolute; left: -4px; }
.table-06 ul.elementor-editor-element-settings { display: flex; grid-template-columns: unset; list-style: unset; padding: unset; margin: unset; background: unset; border-radius: unset; }
.table-06 ul.elementor-editor-element-settings > li { padding: unset; }

.table-07 ul { display: grid; grid-template-columns: 220px 1fr; overflow: hidden; list-style: none; padding: 0 0 24px 0; margin: 0; background: #ffffff; border-radius: 20px; }
.table-07 ul > li { padding: 11px 15px 11px 15px; vertical-align: top; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
.table-07 ul > li:nth-child(4n),
.table-07 ul > li:nth-child(4n - 1) { background: #ffffff; }
.table-07 ul > li:nth-child(4n - 2),
.table-07 ul > li:nth-child(4n - 3) { background: #f3f3f3; }
.table-07 ul > li:nth-child(odd) {}
.table-07 ul > li:nth-child(even):not(:nth-child(2)) { position: relative; padding: 11px 10px 11px 15px; color: #1dbeaf; }
.table-07 ul > li:nth-child(even):not(:nth-child(2)):before { content: '|'; position: absolute; left: 0; color: #1dbeaf; }
.table-07 ul > li:nth-child(1),
.table-07 ul > li:nth-child(2) { padding-top: 19px; padding-bottom: 19px; line-height: 1em; text-align: center; vertical-align: middle; color: #ffffff; background: linear-gradient(#1d55d9, #87e9ca) !important; }
.table-07 ul.elementor-editor-element-settings { display: flex; grid-template-columns: unset; list-style: unset; padding: unset; margin: unset; background: unset; border-radius: unset; }
.table-07 ul.elementor-editor-element-settings > li { padding: unset; background: var(--e-p-border-widget) !important; border-radius: unset !important; color: var(--e-p-border-widget-invert); }

.table-08 ul { display: grid; grid-template-columns: 170px 1fr; overflow: hidden; list-style: none; padding: 0; margin: 0; }
.table-08 ul > li { position: relative; padding: 11px 10px 11px 10px; vertical-align: top; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
.table-08 ul > li:nth-child(4n - 2),
.table-08 ul > li:nth-child(4n - 3) { background: #f3f3f3; }
.table-08 ul > li:nth-child(odd) { position: relative; padding: 11px 10px 11px 60px; }
.table-08 ul > li:nth-child(odd):before { position: absolute; z-index: 3; top: 0; left: 0; content: url("/wp-content/uploads/2025/07/p-68070506.webp") / 'Dot'; margin-top: 12px; margin-left: 26px; }
.table-08 ul > li:nth-child(odd):not(:nth-last-child(2)):after { content: ''; position: absolute; z-index: 2; top: 0; left: 0; margin-top: 24px; margin-left: 31px; display: block; width: 9px; height: calc(100% - 12px); background: url("/wp-content/uploads/2025/07/p-68070512.webp") no-repeat bottom center; background-size: auto; }
.table-08 ul.elementor-editor-element-settings { display: flex; grid-template-columns: unset; list-style: unset; padding: unset; margin: unset; background: unset; border-radius: unset; }
.table-08 ul.elementor-editor-element-settings > li { padding: unset; background: var(--e-p-border-widget) !important; border-radius: unset !important; color: var(--e-p-border-widget-invert); }

/** box-carousel-01 */
.elementor-element.box-carousel-01 .swiper .elementor-swiper-button-prev,
.elementor-element.box-carousel-01 .swiper .elementor-swiper-button-next { display: flex; justify-content: center; align-items: center; width: 35px; height: 70px; background: #1E63D9; }
/** box-loopcarousel-01 */
.box-loopcarousel-01.elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-next,
.box-loopcarousel-01.elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-prev { display: flex; justify-content: center; align-items: center; width: 35px; height: 70px; line-height: 1em; }
.box-loopcarousel-01.elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-next svg.e-fas-chevron-right,
.box-loopcarousel-01.elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-prev svg.e-fas-chevron-left { width: 10px; }


/** Archive */
.elementor-editor-active .page_content_wrap,
.elementor_library-template-default .page_content_wrap { padding-top: inherit; padding-bottom: inherit; }
.elementor-editor-active .page_content_wrap .content_wrap,
.elementor_library-template-default .page_content_wrap .content_wrap { width: inherit; }

.archive .page_content_wrap { padding-top: 0; padding-bottom: 0; }
.archive .page_content_wrap .content_wrap,
.archive .page_content_wrap .content_wrap_fullscreen { width: 100%; }

/** Single */
.single .page_content_wrap { padding-top: 0; padding-bottom: 0; }
.single .page_content_wrap .content_wrap,
.single .page_content_wrap .content_wrap_fullscreen { width: 100%; }

/** breadcrumbs */
.sc_layouts_title_breadcrumbs .breadcrumbs { font-family: "Noto Sans Thai", Sans-serif; font-size: 14px; font-weight: 500; letter-spacing: unset; }
.sc_layouts_title_breadcrumbs .breadcrumbs .breadcrumbs_delimiter:before { content: '>'; }
.sc_layouts_title_breadcrumbs .breadcrumbs .breadcrumbs_item { font-weight: 700; }

.breadcrumbs-NavXT { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; align-content: center; width: 1176px; max-width: 100%; min-height: 46px; padding: 10px 15px 10px 15px; margin: 0 auto; box-sizing: border-box; gap: 0 8px; }
.breadcrumbs-NavXT,
.breadcrumbs-NavXT span { font-family: "Noto Sans Thai", Sans-serif; color: #23232c; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 1em; letter-spacing: unset; }
.breadcrumbs-NavXT a { line-height: 1em; }
.breadcrumbs-NavXT span.current-item { font-weight: 700; }

.single-article .section-breadcrumbs,
.single-news_promotion .section-breadcrumbs { border-top: solid #F4F4F4 2px; border-bottom: solid #F4F4F4 2px; }

/** Scroll To Top */
.trx_addons_scroll_to_top.trx_addons_scroll_to_top.trx_addons_scroll_to_top { width: 40px; height: 40px; background: #1e63d9 url('/wp-content/uploads/2025/07/i-003C-01.webp') no-repeat center center; background-size: 12px 7px; }
.scroll_to_top_style_default:before { display: none; }

/** Pagination */
.elementor-pagination { padding: 50px 15px 0 15px; font-family: "Noto Sans Thai", Sans-serif; font-size: 24px; font-weight: 500; line-height: 1em; }
.elementor-pagination .page-numbers { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; flex-direction: row; background: #1e65e0; color: #fff; border-radius: 10px; }
.elementor-pagination .page-numbers.current {}

/** Chaty */
.chaty-channel-list,
.chaty-i-trigger .chaty-channel { bottom: 64px; }

/** Desktop Navigation Bar */
.head-menu-01 { font-family: "Noto Sans Thai", Sans-serif; color: #23232c; }
.head-menu-01 .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li,
.head-menu-01 .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li.menu-item-has-children { margin: 0 6px; }
.head-menu-01 .sub-menu { /*display: block !important; opacity: 1 !important;*/ top: 60px; }

.head-menu-01 .sc_layouts_menu_nav > li.current-menu-item > a,
.head-menu-01 .sc_layouts_menu_nav > li.current-menu-parent > a,
.head-menu-01 .sc_layouts_menu_nav > li.current-menu-ancestor > a { color: #1e65da !important; }
.head-menu-01 .sc_layouts_menu_nav > li:not(.menu-collapse) > a:after { background-color: #1e65da; }
.head-menu-01 .sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs),
.head-menu-02 .sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs) {}

.head-menu-01 .search_modern > .search_submit,
.head-menu-02 .search_modern > .search_submit { position: relative; display: block; }
.head-menu-01 .search_modern > .search_submit:before,
.head-menu-02 .search_modern > .search_submit:before { content: url("/wp-content/uploads/2025/06/icon-search-0168062301.webp") / 'Search'; position: absolute; top: 0; left: 0; margin-top: 0; }

.menu_mobile .sc_layouts_logo img { height: 33px; }
.menu_mobile .menu_mobile_nav_area { top: 103px !important; margin-top: 0 !important; }
.menu_mobile .menu_mobile_nav_area li > a > .open_child_menu { display: inline-block; width: 14px; height: 14px; background: url("/wp-content/uploads/2025/07/down-arrow-.02.webp") no-repeat center center; background-size: cover; }
.menu_mobile .menu_mobile_nav_area li > a > .open_child_menu:before { display: none; }
.menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area span { font-family: "Noto Sans Thai", Sans-serif; font-size: 14px; font-weight: 500; letter-spacing: unset;}
.menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area .menu-item > a { display: inline-flex; align-items: center; line-height: 1em; }
.menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area .open_child_menu { top: unset; margin-top: unset; }

@media only screen and (max-width:1279px) {
	.header_position_over .top_panel { position: relative; }

	.table-06 ul { grid-template-columns: 134px 1fr; }
	html[lang="en-US"] .table-06 ul { grid-template-columns: 144px 1fr; }
	.table-07 ul { grid-template-columns: 164px 1fr; }
	.table-08 ul { grid-template-columns: 130px 1fr; }
	.table-08 ul > li:nth-child(odd) { padding: 11px 10px 11px 46px; }
	.table-08 ul > li:nth-child(odd):before { margin-left: 14px; }
	.table-08 ul > li:nth-child(odd):not(:nth-last-child(2)):after { margin-left: 20px; }

	.box-loopcarousel-01.elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-next,
	.box-loopcarousel-01.elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-prev { width: 25px; height: 57px; }

	.elementor-element.box-carousel-01 .swiper .elementor-swiper-button-prev,
	.elementor-element.box-carousel-01 .swiper .elementor-swiper-button-next { width: 25px; height: 57px; }
}
@media only screen and (max-width:768px) {
	.menu_mobile .menu_mobile_nav_area { top: 0px !important; }

	.breadcrumbs-NavXT span { line-height: 1.4em; }

	.table-08 ul { grid-template-columns: 1fr; }
	.table-08 ul > li:nth-child(odd):not(:nth-last-child(2)):after { height: calc(100% - 24px); background-position-y: top; }	
	.table-08 ul > li:nth-child(even) { position: relative; padding-top: 0; padding-left: 46px; }
	.table-08 ul > li:nth-child(even):not(:last-child):after { content: ''; position: absolute; z-index: 2; top: 0; left: 0; display: block; width: 9px; height: calc(100% + 12px); margin-left: 20px; background: url("/wp-content/uploads/2025/07/p-68070512.webp") no-repeat bottom center; background-size: auto; }
}