@charset "UTF-8";

/*----------------------------------------*/
/*    Theme Name: Neuros Child
/*    By: Admin MM
/*----------------------------------------*/




/*==============================================================
    Set CSS
==============================================================*/
/* แก้สี SVG */
.svg-color-blue svg * {
    fill: #005CE6 !important;
}

.svg-color-yellow svg * {
    fill: #b9a367 !important;
}


/* Heading Gradient - Primary */
.heading-gradient .neuros-heading .neuros-heading-content {
    background: linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    /* ทำให้ gradient กว้างเท่าตัวอักษรจริง ๆ */
    display: inline-block;
    background-size: 100% 100%;
}


/* Heading Gradient - Green */
.heading-gradient-green .neuros-heading .neuros-heading-content {
    background: linear-gradient(90deg, rgba(3, 14, 20, 1) 0%, rgba(25, 92, 70, 1) 20%, rgba(211, 237, 6, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    /* ทำให้ gradient กว้างเท่าตัวอักษรจริง ๆ */
    display: inline-block;
    background-size: 100% 100%;
}



/* Divider Gradient - Primary */
.divider-gradient .elementor-divider-separator {
    border-top: 2px solid transparent;
    border-image: linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%) 1;
}

/* Divider Vertical */
.divider-vertical .elementor-divider-separator {
    width: 2px !important;
    /* ความหนาเส้น */
    height: 40px;
    /* ความสูงเส้นตามต้องการ */
    background-color: #e7e7e7;
    /* สีเส้น ตั้งได้ */
}

/* Divider Gradient - Green */
.divider-gradient-green .elementor-divider-separator {
    border-top: 2px solid transparent;
    border-image: linear-gradient(90deg, rgba(3, 14, 20, 1) 0%, rgba(25, 92, 70, 1) 20%, rgba(211, 237, 6, 1) 100%) 1;
}


/* --------- Button Hover Gradient --------- */
/* Blue */
.hover-btn-gradient a.neuros-button:hover {
    background-color: transparent;
    background-image: linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%);
}

/* Green */
.hover-btn-gradient-green a.neuros-button:hover {
    background-color: transparent;
    background-image: linear-gradient(90deg, rgba(3, 14, 20, 1) 0%, rgba(25, 92, 70, 1) 20%, rgba(211, 237, 6, 1) 100%);
}

/*Icon Hover Gradient*/
.hover-btn-gradient .elementor-icon:hover {
    background-color: transparent !important;
    background-image: linear-gradient(110deg, rgba(0, 92, 230, 1) 38%, rgba(245, 200, 95, 1) 100%);
}   



/*==============================================================
    Post Title ตัดบรรทัด
==============================================================*/
/*แสดงข้อมความ 2 บรรทัด*/
.loop-title-short-2 h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*แสดงข้อมความ 3 บรรทัด*/
.loop-title-short-3 h2 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*แสดงข้อมความ 4 บรรทัด*/
.loop-title-short-4 h2 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}






/*==============================================================
    Pagination
==============================================================*/
.uc-posts-pagination {
    margin: 50px 0 0 0;
    text-align: center;
}


a.page-numbers {
    font-family: "Prompt", Sans-serif;
    font-size: 20px;
    color: #005ce6;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    border-radius: 50%;
    border: 1px solid transparent;
    background: linear-gradient(#f0f2f4, #f0f2f4) padding-box, linear-gradient(135deg, rgba(0, 92, 230, 1), rgba(245, 200, 95, 1)) border-box;
}

span.page-numbers.current {
    font-size: 20px;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: transparent;
    color: #FFFFFF;
    background-image: linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%);
}

a.page-numbers:hover {
    background-color: transparent;
    color: #FFFFFF;
    background-image: linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%);
}

.next.page-numbers,
.prev.page-numbers {
    width: fit-content;
}







/*==============================================================
    Why Thailand 
==============================================================*/
.btn-icon-gradient .elementor-icon-inner{
    border-radius: 30px 0px 0px 0px;
    background-color: transparent;
    background-image: linear-gradient(135deg, rgb(185 163 103) 0, rgb(131 112 62) 100%);
}

.neuros-icon-decoration-on.elementor-absolute.neuros-icon-alignment-right.btn-icon-gradient .elementor-icon-wrapper:before, 
.neuros-icon-decoration-on.elementor-absolute.neuros-icon-alignment-right.btn-icon-gradient .elementor-icon-wrapper:after {
    box-shadow: 0 20px 0 0 #a28d55;
}








/*==============================================================
    Team OG 
==============================================================*/
.team-item {
    height: auto;
}




/* ==============================================================
    Team Members
=============================================================== */
/* Team border & Hover*/
.team-style .team-item {
    border: 1px solid #e7e7e7;
}

.team-style .team-item:hover .team-item-media:before,
.team-style .team-item-media:before {
    background-color: #3188FF;
}

.nav-border .elementor-swiper-button-prev {
    border-top-left-radius: 20px !important;
}

.nav-border .elementor-swiper-button-prev:before {
    left: 0;
    border-bottom-right-radius: 20px;
}

.nav-border .elementor-swiper-button-next {
    border-top-right-radius: 20px !important;
}



/*==============================================================
    Team in Corperate 
==============================================================*/
.team-style .team-item{
	height: auto;
}



/*==============================================================
    Team Board
==============================================================*/
/* ภาษาอังกฤษ */
html[lang^="en"] .team-board .team-item {
    height: 400px;
}


/* ภาษาไทย */
html[lang^="th"] .team-board .team-item {
    height: 360px;
}


/* ภาษาจีน */
html[lang^="zh"] .team-board .team-item {
    height: 400px;
}


.team-board .team-item-content {
    padding: 20px 16px !important;
}






/* ==============================================================
    Filter form 7 Mice THEME
=============================================================== */

.filter-7mice {
    width: 100%;
}

.filter-7mice .searchandfilter > ul {
    display: flex;
    align-items: stretch;
    gap: 20px;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.filter-7mice .searchandfilter > ul > li > label{
    width: 100%;
}



.filter-7mice select.sf-input-select {
    min-width: 0;
    width: 100%;
}


.filter-7mice .sf-field-taxonomy-theme-category,
.filter-7mice .sf-field-taxonomy-itinerary-theme {
    /*flex: 1 1 0;*/
    width: 100%;
}


.filter-7mice select.sf-input-select,
.filter-7mice .sf-field-submit input[type="submit"] {
    width: 100%;
}


.filter-7mice .sf-field-taxonomy-theme-category select,
.filter-7mice .sf-field-taxonomy-itinerary-theme select {
    font-family: "Prompt", Sans-serif;
    font-size: 20px;
    font-weight: normal;
    padding: 10px 50px 10px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #ffffff;

    /* ลบ arrow เดิม */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* custom arrow */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='%23000000' d='M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 16px;
}


.btn-7mice a.elementor-button.elementor-button-link.elementor-size-sm{
    width: 100%;
    height: 57px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}







/*==============================================================
    Contact Form
==============================================================*/
#CP123456.elementor-form {
    background: transparent;
}


#CP123456 .elementor-field-label {
    font-family: "Prompt", Sans-serif;
}


#CP123456 input.elementor-field,
#CP123456 select.elementor-field {
    padding: 10px 10px!important;
    font-family: "Prompt", Sans-serif;
    font-size: 18px;
}

#CP123456 textarea.elementor-field{
    padding: 20px 20px 20px 16px !important;
    font-family: "Prompt", Sans-serif;
    font-size: 18px;
}

/* Chrome, Edge, Safari */
#CP123456 input::placeholder,
#CP123456 textarea::placeholder {
    padding: 0px;
}












/*==============================================================
    Press Media - News
==============================================================*/
 /* Form button gradient */
.form-button-gradient button.elementor-button.elementor-size-md {
    background-color: transparent;
    color: #FFFFFF;
    background-image: linear-gradient(47deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%);
}

/* Form button gradient Hover */
.form-button-gradient button.elementor-button.elementor-size-md:hover {
    background-color: transparent;
    color: #FFFFFF;
    background-image: linear-gradient(47deg, rgba(245, 200, 95, 0.8) 0%, rgba(0, 92, 230, 1) 100%);
}

/* จัด form ให้ชิดซ้าย-ขวา */
.form-button-gradient .elementor-form-fields-wrapper {
    justify-content: space-between;
}




/* ==============================================================
    Press Media - By P'Max
=============================================================== */
.edit-font .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
    font-family: "Prompt", Sans-serif;
}

.loop-img-height img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.download-center-loop .elementor-element.elementor-element-2838137.elementor-widget.elementor-widget-theme-post-featured-image.elementor-widget-image {
    width: 100%;
    height: 380px;
    overflow: hidden;
}

.download-center-loop .elementor-element.elementor-element-2838137.elementor-widget.elementor-widget-theme-post-featured-image.elementor-widget-image a {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.download-center-loop .elementor-element.elementor-element-2838137.elementor-widget.elementor-widget-theme-post-featured-image.elementor-widget-image a img,
.download-center-loop .elementor-element.elementor-element-2838137.elementor-widget.elementor-widget-theme-post-featured-image.elementor-widget-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}




/*==============================================================
    Press Media - Dowload Center
==============================================================*/
.download-center-search .uc-search-filter{
	max-width: 100% !important;
	background: none !important;
}

.download-center-search .uc-search-filter-input-wrapper{
 	gap: 20px  !important;
 }

.download-center-search .uc-search-filter__input{
	font-family: "Prompt", Sans-serif;
    font-size: 20px;
    font-weight: normal;
	padding: 0 24px !important;
    height: 60px;
    border: none;
    border-radius: 5px;
}

.download-center-search .uc-search-filter-btn {
	font-family: "Prompt", Sans-serif;
    font-size: 20px;
    font-weight: normal;
    justify-content: center;
    height: 60px;
    border-radius: 50px;
    width: 170px;
    gap: 20px;
    background-color: transparent;
    color: #FFFFFF;
    background-image: linear-gradient(24deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%);
	cursor: pointer;   
}

.download-center-search .uc-search-filter-btn:hover{
	background-color: transparent;
    color: #FFFFFF;
    background-image: linear-gradient(24deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%);
    -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out;
}











/*==============================================================
    Event - Event Calendar Page
==============================================================*/
.heading-event-calendar h2{
    font-family: "Ontima-Bold", Sans-serif;
    font-size: 70px;
    line-height: 1.4;
    letter-spacing: 1px;

    background: linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    /* ทำให้ gradient กว้างเท่าตัวอักษรจริง ๆ */
    display: inline-block;
    background-size: 100% 100%;
}

.row-heading-event-calendar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #DADADA;
    padding-bottom: 10px;
    margin-bottom: 20px;
}



/* --------------- Tab Month --------------- */
.tceb-month-nav-wrapper {
    background: #ffffff;
    padding: 0;
}

.tceb-month-nav {
    display: grid;
    grid-template-columns: repeat(13, minmax(0, 1fr));
    width: 100%;
    max-width: 100%;
    gap: 10px;
    padding: 10px 0;
    justify-content: stretch;
}

.tceb-month-nav-item,
.tceb-month-nav-item.tceb-month-nav-all:not(.is-active) {
    font-family: "Prompt", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    color: #DADADA;
    border: 1px solid #DADADA;
    border-radius: 5px;
    padding: 12px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}


.tceb-month-nav-item.is-active,
.tceb-month-nav-item:hover {
    background-color: transparent;
    color: #FFFFFF;
    background-image: linear-gradient(24deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%);
    border: 1px solid transparent;
}


/* --------------- Filter Bar --------------- */
/*ซ่อน filter bar เฉพาะหน้า Home*/
.home form.tceb-filter-bar {
    display: none;
}

.tceb-events-page > section {
    margin-bottom: 0;
}

.tceb-filter-bar-wrapper {
    background: #ffffff;
    border: none;
}

.tceb-filter-bar {
    max-width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
}

.tceb-filter-row.tceb-filter-row-dropdowns {
    width: 100%;
    display: flex;
}

.tceb-filter-row-dropdowns .tceb-filter-group:nth-child(1),
.tceb-filter-row-dropdowns .tceb-filter-group:nth-child(2) {
    flex: 2;
}

.tceb-filter-row-dropdowns .tceb-filter-group:nth-child(3) {
    flex: 1;
}

.tceb-filter-group label {
    display: none;
}

.tceb-filter-group select {
    width: 100%;
    font-family: "Prompt", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    height: 60px;
    padding: 0 40px 0 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    cursor: pointer;
    color: #221E1F;


    /*ใส่ลูกศรใหม่จาก SVG*/
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='%23000000' d='M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;

    /* ปรับตำแหน่งลูกศรได้ */
    background-size: 20px;
}

/* เปลี่ยนสีลูกศร */
.tceb-filter-group select::after svg {
    fill: #221E1F;
}

.tceb-filter-group input[type="text"] {
    font-family: "Prompt", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    height: 60px;
    padding: 0 10px;
    color: #221E1F;
}

/* BTN */
.tceb-btn-primary {
    font-family: "Prompt", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 60px;
    border-radius: 50px;
    width: 180px;
    background-color: transparent;
    color: #FFFFFF;
    background-image: linear-gradient(24deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%);
}

.tceb-btn-primary:hover {
    background-color: transparent;
    color: #FFFFFF;
    background-image: linear-gradient(24deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%);
    -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out;
}


/* --------------- Event Card --------------- */
.event-page .tceb-events-grid {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

/* แสดง event แถวเดียวในหน้า Home */
.home .tceb-events-grid {
    grid-template-rows: auto;
    grid-auto-rows: 0;
    overflow: hidden;
}

.home .tceb-pagination {
    display: none;
}

.home .tceb-events-grid-wrapper {
    margin: 40px 0 0 0;
}

.home .tceb-events-grid {
    gap: 0px 20px;
}

.tceb-events-grid-wrapper {
    max-width: 100%;
    padding: 0;
    margin: 40px 0 40px 0;
}

.tceb-event-card {
    border: none;
    border-radius: 0px;
    box-shadow: none;
}

.tceb-event-thumb {
    overflow: hidden;
    border: 1px solid #f7f7f7;
    border-radius: 20px;
}

.tceb-event-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.tceb-event-thumb img:hover {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}


/* --------------- Event Card - Detail --------------- */
.tceb-event-meta {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 0 20px;
    margin: 10px 0 0 0;
    background: #f7f7f7;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 160px;
}

.tceb-event-title {
    order: -1;
    font-family: "Prompt", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    color: #221E1F;
    padding: 0;
    margin-bottom: 20px !important;
    height: 52px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.tceb-event-date {
    font-family: "Prompt", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    color: #58595B;
    position: relative;
    padding-left: 28px;

    /* ระยะห่างระหว่าง icon กับข้อความ */
    padding-bottom: 6px;
    height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}

.tceb-event-date::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;

    /* SVG Calendar */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%2358595B' d='M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L64 64C28.7 64 0 92.7 0 128l0 16 0 48L0 448c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-256 0-48 0-16c0-35.3-28.7-64-64-64l-40 0 0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L152 64l0-40zM48 192l352 0 0 256c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256z'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}

.tceb-event-location {
    font-family: "Prompt", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    color: #58595B;
    position: relative;
    padding-left: 28px;
    /* ระยะห่างระหว่าง icon กับข้อความ */
    padding-bottom: 0;
    height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tceb-event-location::before {
    content: "";
    position: absolute;
    left: -3px;
    top: 10px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;

    /* SVG Location */
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%2358595B' d='M20.4599 9.63C20.3195 8.16892 19.8031 6.76909 18.9611 5.56682C18.119 4.36456 16.98 3.40083 15.6549 2.7695C14.3298 2.13816 12.8638 1.86072 11.3996 1.96421C9.93543 2.06769 8.52301 2.54856 7.29988 3.36C6.24908 4.06265 5.36693 4.9893 4.71682 6.07339C4.06672 7.15749 3.66478 8.37211 3.53988 9.63C3.41736 10.8797 3.57455 12.1409 4.00005 13.3223C4.42555 14.5036 5.10868 15.5755 5.99988 16.46L11.2999 21.77C11.3928 21.8637 11.5034 21.9381 11.6253 21.9889C11.7472 22.0397 11.8779 22.0658 12.0099 22.0658C12.1419 22.0658 12.2726 22.0397 12.3945 21.9889C12.5163 21.9381 12.6269 21.8637 12.7199 21.77L17.9999 16.46C18.8911 15.5755 19.5742 14.5036 19.9997 13.3223C20.4252 12.1409 20.5824 10.8797 20.4599 9.63ZM16.5999 15.05L11.9999 19.65L7.39988 15.05C6.72197 14.3721 6.20268 13.5523 5.87935 12.6498C5.55601 11.7472 5.43667 10.7842 5.52988 9.83C5.6237 8.86111 5.93164 7.92516 6.43145 7.08985C6.93126 6.25453 7.61044 5.54071 8.41988 5C9.48083 4.29524 10.7262 3.9193 11.9999 3.9193C13.2736 3.9193 14.5189 4.29524 15.5799 5C16.3869 5.53862 17.0646 6.24928 17.5642 7.08094C18.0639 7.9126 18.3732 8.84461 18.4699 9.81C18.5661 10.7674 18.4483 11.7343 18.1249 12.6406C17.8014 13.5468 17.2805 14.3698 16.5999 15.05ZM11.9999 6C11.1099 6 10.2398 6.26392 9.49982 6.75839C8.75979 7.25286 8.18302 7.95566 7.84242 8.77793C7.50183 9.6002 7.41271 10.505 7.58635 11.3779C7.75998 12.2508 8.18856 13.0526 8.8179 13.682C9.44724 14.3113 10.2491 14.7399 11.122 14.9135C11.9949 15.0872 12.8997 14.9981 13.722 14.6575C14.5442 14.3169 15.247 13.7401 15.7415 13.0001C16.236 12.26 16.4999 11.39 16.4999 10.5C16.4972 9.30734 16.0223 8.16428 15.1789 7.32094C14.3356 6.4776 13.1925 6.00265 11.9999 6ZM11.9999 13C11.5054 13 11.0221 12.8534 10.611 12.5787C10.1998 12.304 9.8794 11.9135 9.69018 11.4567C9.50096 10.9999 9.45145 10.4972 9.54792 10.0123C9.64438 9.52733 9.88248 9.08187 10.2321 8.73224C10.5817 8.38261 11.0272 8.1445 11.5122 8.04804C11.9971 7.95158 12.4998 8.00109 12.9566 8.1903C13.4134 8.37952 13.8039 8.69996 14.0786 9.11108C14.3533 9.5222 14.4999 10.0056 14.4999 10.5C14.4999 11.163 14.2365 11.7989 13.7676 12.2678C13.2988 12.7366 12.6629 13 11.9999 13Z'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}


/* --------------- Event Card - BTN --------------- */
.tceb-event-card-footer {
    margin: 0;
    padding: 20px;
    background: #f7f7f7;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.tceb-btn-view {
    font-family: "Prompt", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    border-radius: 50px;
    color: #005ce6;

    /* Border แบบ Gradient */
    border: 1px solid transparent;
    background: linear-gradient(#f7f7f7, #f7f7f7) padding-box, linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%) border-box;
    transition: 0.3s ease;
}

.tceb-btn:hover {
    color: #fff;
    background:
        linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%) padding-box,
        linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%) border-box;
}






/*==============================================================
    Event - Pagination (Event Category Page)
==============================================================*/
.event-manager-pagination-2 ul > li{
    padding: 10px;
}

.event-manager-pagination-2 ul.page-numbers li{
    margin: 0px;
}

.event-manager-pagination-2 ul.page-numbers li a.page-numbers {
    font-family: "Prompt", Sans-serif;
    font-size: 20px;
    color: #005ce6;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, rgba(0, 92, 230, 1), rgba(245, 200, 95, 1)) border-box;
}

.event-manager-pagination-2 ul.page-numbers li span.page-numbers.dots{
    font-family: "Prompt", Sans-serif;
    font-size: 20px;
    color: #005ce6;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    padding: 0;
    border: none;
}

.event-manager-pagination-2 ul.page-numbers li span.page-numbers.current {
    font-size: 20px;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: transparent;
    color: #FFFFFF;
    background-image: linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%);
}

.event-manager-pagination-2 ul.page-numbers li a.page-numbers:hover{
    background-color: transparent;
    color: #FFFFFF;
    background-image: linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%);
    border: 1px solid transparent;
}






/*==============================================================
    Event - Detail Event
==============================================================*/
.event_listing .post-media-wrapper,
.event_listing .post-meta-header,
.event_listing .post-meta-footer,
.event_listing .post-comments-wrapper {
    display: none;
}

/* ซ่อน button Register / Watch VDO */
.event_listing .event_registration.registration,
.event_listing a#event-youtube-button {
    display: none !important;
}

/* ซ่อน Share */
.event_listing .wpem-event-share-lists .wpem-social-icon.wpem-twitter,
.event_listing .wpem-event-share-lists .wpem-social-icon.wpem-linkedin,
.event_listing .wpem-event-share-lists .wpem-social-icon.wpem-xing,
.event_listing .wpem-event-share-lists .wpem-social-icon.wpem-pinterest {
    display: none !important;
}

/* ซ่อน detail post by */
.event_listing .wpem-single-event-body .wpem-event-organizer {
    display: none !important;
}

.wpem-single-event-page .wpem-heading-text {
    font-family: "Prompt", Sans-serif;
    font-size: 34px;
    font-weight: normal;
}

.wpem-single-event-body-content p {
    font-family: "Prompt", Sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
}

.wpem-additional-info-block h3 {
    font-size: 24px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.wpem-additional-info-block-details p {
    font-size: 20px !important;
}

.wpem-additional-info-block-details-content-items {
    border: none !important;
}

/* สี link website */
.wpem-additional-info-block-textarea-text a {
    color: #005ce6;
}


.event_listing-template-default .content-wrapper {
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
}

.event_listing-template-default .content {
    width: 90% !important;
    margin: 80px auto;
    padding: 0;
}

.event_listing .post-content {
    margin: 0 !important;
}

.event_listing .post-content .slick-list {
    height: auto !important;
}

.event_listing .post-content .slick-list.slick-track {
    width: 100% !important;
}

.event_listing .post-content .slick-list .slick-slide {
    height: 700px;
    overflow: hidden;
}



.event_listing .post-content .slick-list .slick-slide img,
.event_listing .wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-event-single-image-wrapper .wpem-event-single-image img,
.event_listing .wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-single-event-slider-wrapper .wpem-single-event-slider .wpem-slider-items img {
    width: auto;
    height: 100%;
    margin: 0 auto;
}





/*==============================================================
    Event - Submit Event form
==============================================================*/
/* .wpem-form-wrapper .wpem-form-group .wpem-form-label-text,
.field.account-sign-in.wpem-alert.wpem-alert-info,
input#create_account_email, */
fieldset.wpem-form-group.fieldset-event_venue_ids {
    display: none !important;
}


.wpem-form-title.wpem-heading-text {
    font-family: "Prompt", Sans-serif;
    font-size: 40px;
    font-weight: 500;
    margin-top: 40px;
}

.wpem-form-wrapper fieldset label {
    font-family: "Prompt", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
}

.wpem-form-wrapper .wpem-form-group input[type=color],
.wpem-form-wrapper .wpem-form-group input[type=date],
.wpem-form-wrapper .wpem-form-group input[type=datetime-local],
.wpem-form-wrapper .wpem-form-group input[type=datetime],
.wpem-form-wrapper .wpem-form-group input[type=email],
.wpem-form-wrapper .wpem-form-group input[type=file],
.wpem-form-wrapper .wpem-form-group input[type=month],
.wpem-form-wrapper .wpem-form-group input[type=number],
.wpem-form-wrapper .wpem-form-group input[type=password],
.wpem-form-wrapper .wpem-form-group input[type=search],
.wpem-form-wrapper .wpem-form-group input[type=tel],
.wpem-form-wrapper .wpem-form-group input[type=text],
.wpem-form-wrapper .wpem-form-group input[type=time],
.wpem-form-wrapper .wpem-form-group input[type=url],
.wpem-form-wrapper .wpem-form-group input[type=week],
.wpem-form-wrapper .wpem-form-group select,
.wpem-form-wrapper .wpem-form-group select optgroup,
.wpem-form-wrapper .wpem-form-group textarea{
    font-family: "Prompt", Sans-serif;
    font-weight: 300;
    margin-bottom: 10px;
    font-size: 20px;
    height: 60px;
}

.wpem-form-wrapper .wpem-form-group input[type=file] {
    padding-top: 15px;
}



.wpem-form-wrapper .chosen-container .chosen-choices,
.wpem-form-wrapper .chosen-container .chosen-single {
    font-family: "Prompt", Sans-serif;
    height: 60px !important;
    font-size: 20px;
    padding: 8px 15px;
    font-weight: 300;
}

.wpem-form-wrapper .chosen-container .chosen-drop .chosen-results li {
    font-family: "Prompt", Sans-serif;
    font-size: 18px;
    padding: 20px 15px;
    font-weight: 300;
}

small.description {
    font-size: 14px;
    font-family: "Prompt", Sans-serif;
    font-weight: 300;
    color: #8b8b8b;
}

.wpem-event-listings-header,
.wpem-form-wrapper .wpem-form-group {
    margin-bottom: 30px;
}

a.wpem_add_organizer_popup.wpem-modal-button {
    font-family: "Prompt", Sans-serif;
    font-size: 16px;
    font-weight: 300;
    border-radius: 50px;
    padding: 8px 20px;
    margin-left: 10px;
    color: #005ce6 !important;
    transition: 0.3s ease;


    /* Border แบบ Gradient */
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%) border-box !important;
}

.wpem-form-group a.wpem_add_organizer_popup.wpem-modal-button:hover {
    color: #fff !important;
    background: linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%) padding-box, linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%) border-box !important;
}


.wpem-theme-button,
a.wpem-theme-button,
button.wpem-theme-button,
input.wpem-theme-button {
    font-family: "Prompt", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    border-radius: 50px;
    color: #005ce6;
    width: 200px;
    height: 60px;

    /* Border แบบ Gradient */
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%) border-box;
    transition: 0.3s ease;
}



.wpem-theme-button:hover,
a.wpem-theme-button:hover,
button.wpem-theme-button:hover,
input.wpem-theme-button:hover {
    color: #fff;
    background:
        linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%) padding-box,
        linear-gradient(135deg, rgba(0, 92, 230, 1) 0%, rgba(245, 200, 95, 1) 100%) border-box;
}



.event-submit-form .wpem-form-wrapper .wpem-form-group textarea{
    height: auto;
    line-height: 1.4;
}

.event-submit-form .wpem-form-wrapper .wpem-form-group.fieldset-register_address .field.required-field textarea{
    height: 60px;
}

.event-submit-form .wpem-form-group.fieldset-register_name_title,
.event-submit-form .wpem-form-group.fieldset-register_first_name,
.event-submit-form .wpem-form-group.fieldset-register_phone,
.event-submit-form .wpem-form-group.fieldset-register_name,
.event-submit-form .wpem-form-group.fieldset-event_banner,
.event-submit-form .wpem-form-group.fieldset-event_start_date{
    margin: 0 20px 0 0 !important;
}

.event-submit-form .wpem-form-group.fieldset-register_last_name,
.event-submit-form .wpem-form-group.fieldset-register_email,
.event-submit-form .wpem-form-group.fieldset-register_address,
.event-submit-form .wpem-form-group.fieldset-event_poster,
.event-submit-form .wpem-form-group.fieldset-event_end_date{
    margin: 0 !important;
}

.event-submit-form h2.wpem-form-title.wpem-heading-text {
    margin: 0 0 60px 0;
    text-align: center;
    line-height: 1.3;
}

.event-submit-form h2.wpem-form-title.wpem-heading-text:nth-of-type(2) {
    margin-top: 60px;
}

.event-submit-form .wpem-form-wrapper .wpem-form-group input[type=text],
.event-submit-form .wpem-form-wrapper .wpem-form-group select{
    margin: 0 0 30px 0;
}

.event-submit-form .wpem-form-wrapper .wpem-form-group .field.required-field,
.event-submit-form .wpem-form-wrapper .wpem-form-group.fieldset-event_poster .field{
    margin-bottom: 30px;
}

.event-submit-form .wpem-form-footer {
    margin: 30px 0 0 0;
}

.event-submit-form .wpem-form-group select {
    /* Reset default UI */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* Fix Safari / iOS quirks */
    background-color: #fff;
    border-radius: 8px;
    line-height: 1.2;
    min-height: 48px;

    /* Custom arrow */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='%23000000' d='M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z'/></svg>");

    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 14px;

    /* Space for arrow */
    padding-right: 44px;
    padding-left: 14px;

    /* iOS text alignment fix */
    text-indent: 0.01px;
    text-overflow: '';
}

/* Remove extra focus outline on iOS */
.event-submit-form .wpem-form-group select:focus {
    outline: none;
}























/* ============================================================== Responsive ============================================================== */
@media all and (max-width: 1600px) {

    /*==============================================================
        Event - Detail Event
    ==============================================================*/
    .wpem-event-single-image,
    .event_listing .post-content .slick-list .slick-slide{
        height: 550px;
    }

  
}




@media (max-width: 1399px) {




}




@media all and (max-width: 1200px) {


    /*==============================================================
        Event - Event Calendar Page
    ==============================================================*/
    /* Wrapper ของ Grid */
    .home .tceb-events-grid {
        display: flex;
        flex-wrap: nowrap;
        /* บังคับ 1 แถว */
        gap: 20px;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 16px;
        scroll-behavior: smooth;
    }

    /* Card แต่ละใบ */
    .home .tceb-event-card {
        flex: 0 0 300px; /* ความกว้างต่อใบ (ปรับได้) */
    }

    /* ซ่อน scrollbar (แต่ยัง scroll ได้) */
    .home .tceb-events-grid::-webkit-scrollbar {
        height: 6px;
    }

    .home .tceb-events-grid::-webkit-scrollbar-track {
        background: transparent;
    }

    .home .tceb-events-grid::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 10px;
    }

    /* Firefox */
    .home .tceb-events-grid {
        scrollbar-width: thin;
        scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
    }


    /*==============================================================
        Event - Pagination (Event Category Page)
    ==============================================================*/
    .event-manager-pagination-2 ul.page-numbers{
        display: inline-block;
    }


    /*==============================================================
        Event - Detail Event
    ==============================================================*/
    .event_listing .post-content .slick-list .slick-slide{
        height: 480px;
    }
    
    .wpem-event-single-image{
        height: 450px;
    }

}




@media (max-width: 1199px) {


    /*==============================================================
        Event - Event Calendar Page
    ==============================================================*/
    .event-page .tceb-events-grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }
    
    .tceb-month-nav {
        grid-template-columns: repeat(7, 1fr);
    }

    .heading-event-calendar h2 {
        font-size: 50px;
    }

    .tceb-btn-primary {
        width: 140px;
    }





    /*==============================================================
        Team Board
    ==============================================================*/
    /* ภาษาอังกฤษ-จีน */
    html[lang^="en"] .team-board .team-item,
    html[lang^="zh"] .team-board .team-item {
        height: 370px;
    }


    /* ภาษาไทย */
    html[lang^="th"] .team-board .team-item {
        height: 320px;
    }




}



/* ==============================================================
    Blog Grid Item ที่มากับธีม - หน้าจอที่ใหญ่กว่า 1000px โชว์ 3 อัน
=============================================================== */
@media only screen and (min-width: 1000px) {
    .blog-grid-item-3 .columns-3 .grid-item {
        width: 33.3333%;
    }
}



@media all and (max-width: 991px) {

    .elementor-25471 .elementor-element.elementor-element-b594c3a.neuros-icon-decoration-on .elementor-icon-wrapper:before,
    .elementor-25471 .elementor-element.elementor-element-b594c3a.neuros-icon-decoration-on .elementor-icon-wrapper:after {
        box-shadow: 0 20px 0 0 #a7bdd0 !important;
    }

    .icon-mobile-bg .hover-btn-gradient .elementor-icon-inner {
        background-color: #a7bdd0 !important;
    }








    /*==============================================================
        Event - Detail Event
    ==============================================================*/
    .wpem-event-single-image{
        height: 360px;
    }

    .event_listing .post-content .slick-list .slick-slide{
        height: auto;
    }
    
    .event_listing .post-content .slick-list .slick-slide img,
    .event_listing .wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-single-event-slider-wrapper .wpem-single-event-slider .wpem-slider-items img{
        width: 100%;
        height: auto;
    }


    /*==============================================================
        Submit Event form
    ==============================================================*/
    .event-submit-form .wpem-form-group.fieldset-register_name_title,
    .event-submit-form .wpem-form-group.fieldset-register_first_name,
    .event-submit-form .wpem-form-group.fieldset-register_last_name,
    .event-submit-form .wpem-form-group.fieldset-register_phone,
    .event-submit-form .wpem-form-group.fieldset-register_email,
    .event-submit-form .wpem-form-group.fieldset-register_name,
    .event-submit-form .wpem-form-group.fieldset-register_address,
    .event-submit-form .wpem-form-group.fieldset-event_banner,
    .event-submit-form .wpem-form-group.fieldset-event_poster,
    .event-submit-form .wpem-form-group.fieldset-event_start_date,
    .event-submit-form .wpem-form-group.fieldset-event_end_date{
        width: 100% !important;
        margin: 0 !important;
    }

    .event-submit-form h2.wpem-form-title.wpem-heading-text{
        margin: 0 0 40px 0;
    }








    /*==============================================================
        Team Board
    ==============================================================*/
    /* ภาษาอังกฤษ-จีน */
    html[lang^="en"] .team-board .team-item,
    html[lang^="zh"] .team-board .team-item {
        height: 430px;
    }

    /* ภาษาไทย */
    html[lang^="th"] .team-board .team-item {
        height: 415px;
    }

}


@media (max-width: 768px) {

    /*==============================================================
        Why Thailand 
    ==============================================================*/    
    .why-domestic .ue-grid-item a > img {
        height: 250px !important;
    }

    

    /*==============================================================
        Event - Event Calendar Page
    ==============================================================*/
    .row-heading-event-calendar {
        flex-direction: column;
        gap: 10px;
        padding-bottom: 30px;
        margin-bottom: 10px;
    }

    .tceb-filter-row-search {
        flex-direction: row;
        align-items: stretch;
        width: 100%;
    }

    .tceb-filter-row-search .tceb-filter-actions {
        width: auto;
    }

    .tceb-filter-row-search .tceb-btn {
        width: 150px;
    }



}


@media (max-width: 575px) {


    /*==============================================================
        Pagination
    ==============================================================*/
    span.page-numbers.current,
    a.page-numbers {
        font-size: 18px;
        width: 35px;
        height: 35px;
        margin: 0 5px;
    }

    .wpem-event-single-image{
        height: auto;
    }

    .event_listing .wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-event-single-image-wrapper .wpem-event-single-image img{
        width: 100%;
        height: auto;
    }











    /*==============================================================
        Event - Event Calendar Page
    ==============================================================*/
    .tceb-month-nav {
        grid-template-columns: repeat(5, 1fr);
    }  

    .tceb-filter-row.tceb-filter-row-dropdowns {
        flex-direction: column;
    } 

    .tceb-filter-row-search .tceb-btn {
        width: 120px;
    }



    /*==============================================================
        Event - Pagination (Event Category Page)
    ==============================================================*/
    .event-manager-pagination-2 ul.page-numbers li a.page-numbers,
    .event-manager-pagination-2 ul.page-numbers li span.page-numbers.current{
        width: 35px !important;
        height: 35px !important;
        font-size: 16px;
    }










	/*==============================================================
 		Team Board
	==============================================================*/
    /* ภาษาอังกฤษ-จีน */
    html[lang^="en"] .team-board .team-item,
    html[lang^="zh"] .team-board .team-item {
        height: 490px;
    } 

    /* ภาษาไทย */
    html[lang^="th"] .team-board .team-item {
        height: 470px;
    }










    /* ==============================================================
        Filter form 7 Mice THEME
    =============================================================== */
    .filter-7mice #search-filter-form-29133>ul {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .filter-7mice form.searchandfilter li{
        margin: 0;
    }


}





@media (max-width: 390px) {



    /*==============================================================
        Event - Event Calendar Page
    ==============================================================*/
    .tceb-month-nav {
        grid-template-columns: repeat(4, 1fr);
    }









	/*==============================================================
 		Team Board
	==============================================================*/
    /* ภาษาอังกฤษ-จีน */
    html[lang^="en"] .team-board .team-item,
    html[lang^="zh"] .team-board .team-item {
        height: 440px;
    } 

    /* ภาษาไทย */
    html[lang^="th"] .team-board .team-item {
        height: 420px;
    }

}