.elementor-kit-8{--e-global-color-primary:#F5DFAC;--e-global-color-secondary:#54595F;--e-global-color-text:#FFFFFF;--e-global-color-accent:#61CE70;--e-global-color-a22af5f:#FFAA00;--e-global-color-0c0a89b:#FF2B00;--e-global-color-54f36b3:#00000000;--e-global-color-8810ae8:#1E1E1E;--e-global-color-aeb1574:#191919;--e-global-color-e1c0e10:#553F00;--e-global-color-7e30375:#FFFFFF;--e-global-color-19b7a50:#BDBDBD;--e-global-color-ca6341e:#ACACAC33;--e-global-color-1f85c5c:#ACACAC33;--e-global-color-404911d:#0000003D;--e-global-color-15f670b:#A56500;--e-global-color-c79e7e8:#FFB700;--e-global-color-cbc0252:#FFBE00;--e-global-color-47e151f:#191500;--e-global-color-932a46d:#1E1E1E;--e-global-color-c3a9e12:#121212;--e-global-color-b6eb4d7:#FFC92DBD;--e-global-color-909c418:#5E4204;--e-global-color-ba68892:#000000;--e-global-color-12e57c5:#F6868617;--e-global-color-0a847e8:#F6E38617;--e-global-color-6d66cef:#3D3D3D;--e-global-color-d2eed6f:#00000075;--e-global-color-b73933c:#FBC100;--e-global-color-3d4a707:#FF9600;--e-global-color-33543f0:#1E1E1E;--e-global-color-41bcd33:#FFBE00;--e-global-color-7f8669a:#7C7C7C;--e-global-color-684dc18:#FFFFFF;--e-global-color-c8965fe:#81759473;--e-global-color-43acb08:#777777;--e-global-color-c201b32:#F5F5F5;--e-global-color-6d14da5:#FF0014;--e-global-color-556492f:#F1D303;--e-global-color-cb57309:#F4B600;--e-global-color-00a5827:#FFA300;--e-global-color-1d59113:#505050;--e-global-color-0d5fc5e:#262626;--e-global-color-a494bd6:#F7A30F;--e-global-color-486e45c:#887000;--e-global-color-55f245b:#FFFFFF;--e-global-color-d075651:#FFD800;--e-global-color-c261171:#E39100;--e-global-color-da72f39:#000000;--e-global-color-13dc92d:#1E1E1E;--e-global-color-db4d000:#FFC400;--e-global-color-85bcc65:#F4C902;--e-global-color-aa25f0a:#FDF700;--e-global-color-5b809be:#ECD74C;--e-global-color-cf07027:#D98500;--e-global-color-2ff87f1:#F1DF02;--e-global-color-8ae4256:#676767;--e-global-color-11de8e0:#ADADAD;--e-global-color-48cfdf3:#DCA402;--e-global-color-4cf75c4:#DCA402;--e-global-color-8511a70:#DCA402;--e-global-color-d1018c3:#DCA402;--e-global-color-4ffa5c6:#FFFFFF;--e-global-color-3505250:#F1F1F1;--e-global-color-e2f9753:#E1E1E1;--e-global-color-370b7fc:#F6F6F6;--e-global-color-39efac6:#ECCF0775;--e-global-color-713de38:#FFF6C1;--e-global-color-0fc7da8:#FBF6D9;--e-global-color-6cbd7a2:#FFF6C1;--e-global-color-7a9d703:#ECCF0775;--e-global-color-4cf3377:#1C1C1C;--e-global-color-bde0c4c:#2F2E00;--e-global-color-83b4ad4:#FFFFFF;--e-global-color-bdf5195:#FFFFFF;--e-global-color-45463cf:#FFFFFF;--e-global-color-a4d8874:#110000;--e-global-typography-primary-font-family:"Prompt";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-8810ae8 );font-family:"Prompt", Sans-serif;font-size:16px;background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-a22af5f );}.elementor-kit-8 a:hover{color:var( --e-global-color-0c0a89b );}.elementor-kit-8 h1{font-size:26px;line-height:1.5em;}.elementor-kit-8 h2{font-size:24px;line-height:1.5em;}.elementor-kit-8 h3{font-size:20px;line-height:1.5em;}.elementor-kit-8 h4{font-size:22px;line-height:1.5em;}.elementor-kit-8 h5{font-size:22px;line-height:1.5em;}.elementor-kit-8 h6{font-size:20px;line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1120px;}.e-con{--container-max-width:1120px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8 h1{font-size:22px;line-height:1.4em;}.elementor-kit-8 h2{font-size:22px;line-height:1.4em;}.elementor-kit-8 h3{font-size:20px;line-height:1.4em;}.elementor-kit-8 h4{font-size:20px;line-height:1.4em;}.elementor-kit-8 h5{font-size:18px;line-height:1.4em;}.elementor-kit-8 h6{font-size:18px;line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(min-width:1025px){.elementor-kit-8{background-attachment:fixed;}}/* Start custom CSS *//*Breadcrumbs*/
.custom-breadcrumbs .breadcrumb_last{
    color: var(--e-global-color-6d14da5);
}

/*Border-slice*/
.slice-box{
    border-image: linear-gradient(90deg, var(--e-global-color-39efac6), var(--e-global-color-713de38) 32%, var(--e-global-color-0fc7da8) 49%, var(--e-global-color-6cbd7a2) 65%, var(--e-global-color-7a9d703)) 1;
}

/*Poge*/
.div-page{
    box-shadow: -5px 0px 65px 1px var(--e-global-color-12e57c5), 5px 0px 65px 1px var(--e-global-color-0a847e8);
}

/*Page title text gradient*/
.page-title-tgr h1, .page-title-tgr h2, .page-title-tgr h3, .page-title-tgr h4{
    background-image: linear-gradient(to bottom, var(--e-global-color-48cfdf3) 0%, var(--e-global-color-4cf75c4) 50%, var(--e-global-color-8511a70) 51%, var(--e-global-color-d1018c3) 100%) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*Page Title Head Effect*/
.headeffect {
    text-shadow: 0 0 5px #e5b96b, 0 0 15px #e5b96b, 0 0 35px #e5b96b, 0 0 45px #e5b96b;
}

/*Page Title border effect*/
.my-widget {
  position: relative;
  /* ต้องมีไว้เพื่อให้ after อิงตำแหน่ง*/
}

.my-widget::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%)
  translateY(50%);
  width: 100%;
  height: 90%;
  background: url("https://uf877.com/wp-content/uploads/2025/08/border-1.webp") no-repeat center;
  background-size: contain;
  pointer-events: none;
}

/*Post*/
.div-post{
    box-shadow: -5px 0px 65px 1px var(--e-global-color-12e57c5), 5px 0px 65px 1px var(--e-global-color-0a847e8);
}

/*Post title background (h1)*/
.post-title {
    padding: 2px;
    border-radius: 5px;
    border: 2px solid var(--e-global-color-2ff87f1);
    background: linear-gradient(to bottom, var(--e-global-color-aa25f0a) 0%, var(--e-global-color-5b809be) 47%, var(--e-global-color-cf07027) 100%);
    text-shadow:0 0 5px var(--e-global-color-8ae4256),0 0 10px var(--e-global-color-11de8e0);
}

/*Post title text gradient*/
.post-title-tgr h2, .post-title-tgr h3, .post-title-tgr h4{
    background-image: linear-gradient(to bottom, var(--e-global-color-48cfdf3) 0%, var(--e-global-color-4cf75c4) 50%, var(--e-global-color-8511a70) 51%, var(--e-global-color-d1018c3) 100%) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*Sidebar*/
.sb-text .elementor-divider-separator:after{
    margin-top: 10px;
}

.sb-textgradient {
  background-image: linear-gradient(to bottom, var(--e-global-color-4ffa5c6) 0%, var(--e-global-color-3505250) 50%, var(--e-global-color-e2f9753) 51%, var(--e-global-color-370b7fc) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*---Archive Posts Widget---*/
/*Post title*/
.cs-archive-posts .elementor-post__title{
    text-align: center;
}

.cs-archive-posts .elementor-post__excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*Pagination*/
.custom-pgn .page-numbers {
    background: linear-gradient(180deg,var(--e-global-color-1d59113) 30%,var(--e-global-color-0d5fc5e));
    display: inline-block;
    margin: 5px 0px;
    padding: 10px 10px;
    border-radius: 10px;
}

/*Pagination hover*/
.custom-pgn .page-numbers:hover {
    background: linear-gradient( 90deg , var(--e-global-color-a494bd6) 0%, var(--e-global-color-486e45c) 100%);
    text-shadow: 0 0 5px white, 0 0 10px white;
}

/*Pagination active*/
.custom-pgn nav .current{
    background: linear-gradient( 90deg , var(--e-global-color-a494bd6) 0%, var(--e-global-color-486e45c) 100%);
    text-shadow: 0 0 5px white, 0 0 10px white;
}
/*---Archive Posts Widget---*//* End custom CSS */