@import url("https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;700&display=swap");
@font-face { font-family: 'Bree Serif'; src: url(//www.ili-co.me/wp-content/themes/ili-2022/resources/assets/fonts/bree-serif/subset-BreeSerif-Regular.eot); src: url(//www.ili-co.me/wp-content/themes/ili-2022/resources/assets/fonts/bree-serif/subset-BreeSerif-Regular.eot?#iefix) format("embedded-opentype"), url(//www.ili-co.me/wp-content/themes/ili-2022/resources/assets/fonts/bree-serif/subset-BreeSerif-Regular.woff2) format("woff2"), url(//www.ili-co.me/wp-content/themes/ili-2022/resources/assets/fonts/bree-serif/subset-BreeSerif-Regular.woff) format("woff"), url(//www.ili-co.me/wp-content/themes/ili-2022/resources/assets/fonts/bree-serif/subset-BreeSerif-Regular.ttf) format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Neue Frutiger Thai Trad'; src: url(//www.ili-co.me/wp-content/themes/ili-2022/resources/assets/fonts/neuefrutigerthaitrad/NeueFrutigerThaiTrad-Bold.eot); src: url(//www.ili-co.me/wp-content/themes/ili-2022/resources/assets/fonts/neuefrutigerthaitrad/NeueFrutigerThaiTrad-Bold.eot?#iefix) format("embedded-opentype"), url(//www.ili-co.me/wp-content/themes/ili-2022/resources/assets/fonts/neuefrutigerthaitrad/NeueFrutigerThaiTrad-Bold.woff2) format("woff2"), url(//www.ili-co.me/wp-content/themes/ili-2022/resources/assets/fonts/neuefrutigerthaitrad/NeueFrutigerThaiTrad-Bold.woff) format("woff"), url(//www.ili-co.me/wp-content/themes/ili-2022/resources/assets/fonts/neuefrutigerthaitrad/NeueFrutigerThaiTrad-Bold.ttf) format("truetype"); font-weight: bold; font-style: normal; }
.img-wrapper { width: 100%; }
.img-wrapper img { width: 100%; }
.img-vertical { position: relative; }
.img-vertical:before { content: ''; display: block; padding-bottom: 133.33333%; }
.img-vertical img { object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
@media (min-width: 768px) { #header { background: transparent; position: absolute; width: 100%; padding-top: 55px; z-index: 800; } }
@media (max-width: 767px) { #header .logo-u { display: inline-block !important; position: relative !important; margin: 0 0 0 10px !important; } }
@media (max-width: 767px) { .wrap { padding-top: 55px; } }
footer { background: #EA614B; }
footer .logo img { max-height: 40px; margin-right: 30px; }
@media (max-width: 767px) { footer .logo img { max-height: 30px; margin-right: 15px; } }
footer p { font-size: 12px; }
.float-social-icon { position: fixed; top: 145px; right: 30px; display: flex; flex-direction: column; z-index: 700; }
@media (max-width: 767px) { .float-social-icon { display: none; } }
.float-social-icon a { display: flex; margin-bottom: 15px; }
.float-social-icon a img { width: 20px; }
.main-menu .menuContent { font-size: 35px; }
@media (min-width: 768px) { .main-menu .menuContent { top: 45%; } }
@media (max-width: 767px) { .main-menu .menuContent { font-size: 24px; } }
.main-menu .menuContent a:after { bottom: 0 !important; }
@media (min-width: 768px) { .search-menu .searchContent input { font-size: 40px; } }
.page-cover { height: 310px; background-position: center center; background-size: cover; }
@media (max-width: 767px) { .page-cover { height: 220px; background-position: 40% center; } }
.page-cover .container { display: flex; align-items: center; height: 100%; }
.page-cover .info { position: relative; text-align: left; max-width: 300px; left: calc(50% + 40px); }
@media (max-width: 767px) { .page-cover .info { max-width: 45%; left: calc(50% + 10px); } }
.page-cover .info .title { font-family: "bree-serif" ,serif; font-weight: 700; font-style: italic; font-size: 34px; line-height: 34px; }
@media (max-width: 767px) { .page-cover .info .title { font-size: 24px; line-height: 24px; } }
.page-cover .info .desc { font-size: 20px; line-height: 32px; white-space: pre-line; }
@media (max-width: 767px) { .page-cover .info .desc { font-size: 14px; line-height: 18px; } }
.page-content #pagination { padding: 40px 0; }
.item-post-event { padding: 20px; }
.item-post-event .title { font-family: bree-serif, serif; font-weight: 400; font-style: normal; font-size: 40px; line-height: 42px; color: #FFC9D3; background: #EA614B; display: inline-flex; align-items: center; justify-content: center; padding: 0 4px 6px; margin-bottom: 10px; }
.item-post-event .img-wrapper { position: relative; }
.item-post-event .img-wrapper:before { content: ''; display: block; padding-bottom: 137.14286%; }
.item-post-event .img-wrapper img { object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.row-post-event { padding-top: 40px; }
.row-post-event.extra-margin { padding-bottom: 120px; }
@media (min-width: 768px) { .row-post-event .item:nth-child(even) .item-post-event { position: relative; top: 20%; } }
.item-post-friend { display: flex; flex-direction: column; padding: 60px; }
@media (max-width: 767px) { .item-post-friend { padding: 30px 10px; } }
.item-post-friend .item-image { width: 100%; margin-bottom: 40px; }
.item-post-friend .category a { font-family: "bree-serif" ,serif; font-weight: 700; font-style: normal; font-size: 32px; line-height: 32px; font-weight: 500; background: #EA614B; margin-bottom: 14px; display: inline-flex; padding: 0 4px 6px; }
.item-post-friend .title { font-family: "bree-serif" ,serif; font-weight: 700; font-style: normal; font-size: 26px; line-height: 30px; margin-bottom: 10px; }
.item-post-friend .excerpt { font-family: 'Bai Jamjuree', sans-serif; font-weight: 500; font-style: normal; font-weight: 400; font-size: 20px; line-height: 30px; margin-bottom: 10px; }
.item-post-friend .link-more { display: flex; align-items: center; font-size: 17px; line-height: 21px; }
@media (max-width: 767px) { .item-post-friend .link-more { color: #EA614B; } }
@media (min-width: 768px) { .item-post-friend .link-more .arrow_red { display: none; } }
@media (max-width: 767px) { .item-post-friend .link-more .arrow_blue { display: none; } }
.row-post-friend .row-top { background: #EA614B; }
@media (min-width: 768px) { .row-post-friend .row-top .item-post-friend { flex-direction: row; }
.row-post-friend .row-top .item-post-friend .item-image { width: 50%; padding-right: 60px; margin-bottom: 0; }
.row-post-friend .row-top .item-post-friend .item-content { width: 50%; flex-shrink: 1; } }
.row-post-friend .row-top .item-post-friend .category a { background: #FFC9D3; }
.row-post-friend .row-top .item-post-friend .link-more { color: #021D49; }
.row-post-friend .row-top .item-post-friend .link-more .arrow_red { display: none; }
.row-post-friend .row-top .item-post-friend .link-more .arrow_blue { display: block; }
@media (min-width: 768px) { .row-post-friend .row-bottom { background: linear-gradient(90deg, #F9E48A 50%, #FFC9D3 50%); } }
.row-post-friend .row-bottom .item:nth-child(1) { background: #F9E48A; }
.row-post-friend .row-bottom .item:nth-child(2) { background: #FFC9D3; }
.page-content-brand { background: #F9E48A; }
@media (min-width: 768px) { .item-post-brand { padding: 0 60px; } }
.item-post-brand .info { display: flex; }
.item-post-brand .info .item-image { margin-right: 30px; margin-bottom: 0px; width: 40%; }
.item-post-brand .info .item-content { width: 60%; flex-shrink: 1; }
.item-post-brand .title { font-family: "bree-serif" ,serif; font-weight: 700; font-style: normal; font-size: 35px; line-height: 35px; font-weight: 500; background: #EA614B; margin-bottom: 20px; display: inline-flex; padding: 0 4px 6px; }
@media (max-width: 767px) { .item-post-brand .title { font-size: 24px; line-height: 25px; } }
.item-post-brand .img-wrapper { position: relative; }
.item-post-brand .img-wrapper:before { content: ''; display: block; padding-bottom: 137.14286%; }
.item-post-brand .img-wrapper img { object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.item-post-brand .category { margin-bottom: 10px; }
.item-post-brand .category span { font-family: "bree-serif" ,serif; font-weight: 700; font-style: italic; font-size: 28px; line-height: 28px; }
.item-post-brand .excerpt { font-family: 'Bai Jamjuree', sans-serif; font-weight: 500; font-style: normal; font-weight: 400; font-size: 22px; line-height: 30px; }
@media (max-width: 767px) { .item-post-brand .excerpt { font-size: 14px; line-height: 18px; } }
.item-post-brand .post-list { margin-top: 30px; }
@media (max-width: 767px) { .item-post-brand .post-list { margin-top: 10px; } }
.item-post-brand .post-list ul { margin: 0; padding: 0; }
.item-post-brand .post-list ul li { list-style: none; padding: 10px 0; }
.item-post-brand .post-list ul li:not(:last-child) { border-bottom: 1px solid #021D49; }
.item-post-brand .post-list ul li > div { display: flex; justify-content: space-between; align-items: baseline; }
.item-post-brand .post-list ul li > div:first-child { margin-bottom: 4px; }
.item-post-brand .post-list ul li .category { font-family: "bree-serif" ,serif; font-weight: 700; font-style: normal; font-size: 24px; line-height: 30px; font-weight: 500; color: #FF5440; min-width: 60px; }
@media (max-width: 767px) { .item-post-brand .post-list ul li .category { font-size: 16px; line-height: 18px; } }
.item-post-brand .post-list ul li .post-title { font-size: 20px; line-height: 24px; margin-bottom: 0; padding-left: 15px; text-align: right; }
@media (max-width: 767px) { .item-post-brand .post-list ul li .post-title { font-size: 14px; line-height: 18px; } }
.item-post-brand .post-list ul li time { font-family: bree-serif, serif; font-weight: 400; font-style: normal; font-size: 13px; line-height: 14px; }
.item-post-brand .post-list ul li .author { font-family: bree-serif, serif; font-weight: 400; font-style: normal; font-size: 13px; line-height: 14px; }
.item-post-brand .action { display: flex; justify-content: flex-end; padding-top: 20px; }
.item-post-brand .action .link-more { font-size: 15px; line-height: 24px; display: inline-flex; align-items: center; }
@media (max-width: 767px) { .item-post-brand .action .link-more { color: #EA614B; font-size: 14px; } }
.item-post-brand .action .link-more .arrow { width: 11px; }
.row-post-brand { padding-top: 60px; }
@media (max-width: 767px) { .row-post-brand { padding-top: 30px; } }
.row-post-brand .item:not(:last-child) { margin-bottom: 60px; }
@media (max-width: 767px) { .row-post-brand .item:not(:last-child) { margin-bottom: 30px; } }
.item-post-series { padding: 20px 0; }
.item-post-series .title { display: flex; align-items: center; font-family: bree-serif, serif; font-weight: 400; font-style: normal; font-size: 22px; line-height: 24px; color: #EA614B; padding: 20px 0; }
.item-post-series .title span { padding: 0 8px; }
.item-post-series .title a { font-family: bree-serif, serif; font-weight: 400; font-style: normal; font-size: 22px; line-height: 24px; color: #EA614B; }
@media (max-width: 767px) { .item-post-series .title a { font-size: 18px; } }
.item-post-series .cover { position: relative; }
@media (min-width: 768px) { .item-post-series .cover .img-wrapper { position: relative; }
.item-post-series .cover .img-wrapper:before { content: ''; display: block; padding-bottom: 40%; }
.item-post-series .cover .img-wrapper img { object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.item-post-series .cover .img-wrapper img { object-position: top center; } }
.item-post-series .cover .toggle-expand { display: flex; justify-content: center; align-items: flex-end; padding: 15px; position: absolute; bottom: 0; width: 100%; height: 100%; }
.item-post-series .item-grid { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(8, minmax(20px, 1fr)); grid-column-gap: 0px; grid-row-gap: 0px; }
@media (max-width: 767px) { .item-post-series .item-grid { margin: 0 -15px; grid-template-rows: repeat(8, minmax(5px, 1fr)); } }
.item-post-series .item-grid > div { padding: 20px; display: flex; align-items: center; }
@media (max-width: 767px) { .item-post-series .item-grid > div { padding: 0; } }
.item-post-series .item-grid .div1 { grid-area: 1 / 1 / 4 / 5; }
.item-post-series .item-grid .div2 { grid-area: 1 / 5 / 3 / 9; }
.item-post-series .item-grid .div3 { grid-area: 4 / 1 / 7 / 6; }
.item-post-series .item-grid .div4 { grid-area: 3 / 6 / 7 / 9; }
.item-post-series .item-grid .div5 { grid-area: 7 / 1 / 9 / 5; }
.item-post-series .item-grid .div6 { grid-area: 7 / 5 / 9 / 9; }
.item-post-series .item-content { background: #EDE8E5; padding: 40px 0; overflow: hidden; }
@media (max-width: 767px) { .item-post-series .item-content { padding: 30px 0 40px; } }
.item-post-series .item-content p, .item-post-series .item-content blockquote { font-family: 'Bai Jamjuree', sans-serif; font-weight: 500; font-style: normal; font-weight: 400; font-size: 22px; line-height: 30px; }
@media (max-width: 767px) { .item-post-series .item-content p, .item-post-series .item-content blockquote { font-size: 11px; line-height: 14px; } }
.item-post-series .item-content strong { font-weight: 700; }
.item-post-series .item-content blockquote { border-bottom: 0; }
.item-post-series .item-content blockquote:before { display: none; }
.item-post-series .item-content h1, .item-post-series .item-content h2, .item-post-series .item-content h3 { font-family: "bree-serif" ,serif; font-weight: 700; font-style: italic; }
.item-post-series .item-content h1 { font-size: 46px; line-height: 48px; }
@media (max-width: 767px) { .item-post-series .item-content h1 { font-size: 20px; line-height: 22px; } }
@media (max-width: 767px) { .item-post-series .item-content .image-1 { align-items: flex-start; } }
@media (max-width: 767px) { .item-post-series .item-content .text-1 { padding: 10px; } }
.item-post-series .item-content .text-2 { padding: 30px; }
@media (max-width: 767px) { .item-post-series .item-content .text-2 { padding: 10px; } }
.item-post-series .item-content .text-3 { align-items: flex-end; }
@media (max-width: 767px) { .item-post-series .item-content .text-3 { align-items: center; padding-left: 15px; } }
.item-post-series .item-content .text-4 { align-items: flex-end; }
@media (max-width: 767px) { .item-post-series .item-content .content-row { margin: 0 -15px; } }
.item-post-series .item-content .content-row .row-item { display: flex; align-items: center; }
.item-post-series .item-content .content-row .row-item:first-child { align-items: flex-start; }
.item-post-series .item-content .content-row .row-item:nth-child(2) { margin-top: -60px; }
@media (max-width: 767px) { .item-post-series .item-content .content-row .row-item:nth-child(2) { margin-top: -10px; } }
.item-post-series .item-content .content-row .img-wrapper { flex: 1; }
.item-post-series .item-content .content-row .text-wrapper { flex: 1; padding: 30px; }
@media (max-width: 767px) { .item-post-series .item-content .content-row .text-wrapper { padding: 10px; } }
.item-post-series .action { display: flex; justify-content: flex-end; padding-top: 10px; }
.item-post-series .action .link-more { font-size: 15px; line-height: 24px; display: inline-flex; align-items: center; }
@media (max-width: 767px) { .item-post-series .action .link-more { font-size: 13px; } }
.item-post-series .action .link-more .arrow { width: 11px; }
.row-post-single { padding-top: 60px; }
.item-post-single { position: relative; margin-bottom: 40px; }
.item-post-single .back { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-direction: column; background: #FFC95C; padding: 20px; }
.item-post-single .back .back-header { flex-shrink: 0; }
.item-post-single .back .back-header .title { font-family: bree-serif, serif; font-weight: 400; font-style: normal; font-size: 24px; line-height: 24px; }
.item-post-single .back .back-header .meta { display: flex; align-items: baseline; justify-content: space-between; font-family: bree-serif, serif; font-weight: 400; font-style: normal; font-size: 12px; line-height: 12px; border-top: 1px solid #021D49; padding-top: 6px; margin-top: 10px; margin-bottom: 20px; }
.item-post-single .back .back-footer { flex-shrink: 0; text-align: right; margin-top: 20px; display: flex; justify-content: flex-end; }
.item-post-single .back .excerpt { flex-grow: 1; overflow: hidden; font-family: 'Bai Jamjuree', sans-serif; font-weight: 500; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; margin: 0; }
.item-post-single .back .link-more { font-size: 14px; display: block; }
.item-post-single .back .link-more .arrow { width: 13px; margin-right: 0; margin-left: 8px; display: inline-block; }
.item-post-single label { width: 100%; height: 100%; perspective: 1000px; transform-style: preserve-3d; display: block; cursor: pointer; }
.item-post-single label:hover .flip-card { transform: rotateY(10deg); }
.item-post-single label input { display: none; }
.item-post-single label input:checked + .flip-card { transform: rotateY(180deg); }
.item-post-single label:hover input:checked + .flip-card { transform: rotateY(160deg); }
.item-post-single .flip-card { position: relative; height: 100%; width: 100%; transform-style: preserve-3d; -webkit-transition: all 600ms; transition: all 600ms; z-index: 20; }
.item-post-single .flip-card > div { backface-visibility: hidden; -webkit-perspective: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); }
.item-post-single .flip-card .back { transform: rotateY(180deg); }
.panel-expansion {   }
.panel-expansion .panels { overflow: hidden; display: flex; position: relative; z-index: 1; height: 450px; }
.panel-expansion .panel { flex: 1; cursor: pointer; background-position: center center; background-size: cover; }
.panel-expansion .panel__content { width: 100%; height: 102%; overflow: hidden; cursor: pointer; background: inherit; }
.panel-expansion .panel:before, .panel-expansion .panel__content:before { content: ' '; display: block; width: 100%; height: 100%; }
.panel-expansion .panel:before { background: rgba(255, 255, 255, 0.3); position: relative; z-index: 99; opacity: 0; transition: opacity 0.3s linear; }
.panel-expansion .panel { --items: 2; --percent: calc( ((var(--i) - 1) / var(--items)) * 100 ); }
.panel-expansion .panel:nth-child(1) { --i: 1; }
.panel-expansion .panel:nth-child(2) { --i: 2; }
.panel-expansion .panel__content { position: absolute; top: -1%; left: 0%; z-index: auto; transform: translateX(calc( var(--percent) * 1%)); }
.panel-expansion .panel__content:before { background: inherit; }
.panel-expansion .panel:nth-child(2) .panel__content:before { transform: translateX(-50%) translateX(calc(0% / var(--items) * 0.5)); }
.panel-expansion .panel__content, .panel-expansion .panel__content:before { transition: transform 0.4s cubic-bezier(0.44, 0, 0, 1); }
.panel-expansion .panels:hover .panel__content { z-index: auto; transform: translateX(0%); }
.panel-expansion .panel:hover ~ .panel .panel__content { transform: translateX(100%); }
.panel-expansion .panel:hover .panel__content, .panel-expansion .panel:focus .panel__content { transform: translateX(0%); }
.panel-expansion .panel:hover .panel__content:before, .panel-expansion .panel:focus .panel__content:before { transform: translateX(0%); }
.panel-expansion .panel:focus .panel__content, .panel-expansion .panel:focus .panel__content:before { transition: none !important; }
.panel-banner-mobile { width: 100%; height: calc(100vh - 55px); position: relative; display: flex; flex-direction: column; }
.panel-banner-mobile a { display: block; width: 100%; height: 100%; background-size: cover; background-position: center center; }
.section-title { display: flex; justify-content: space-between; padding: 20px 0; }
@media (max-width: 767px) { .section-title { flex-direction: column; justify-content: center; align-items: center; padding: 20px 10px; } }
.section-title .title { font-family: "bree-serif" ,serif; font-weight: 700; font-style: italic; font-size: 34px; line-height: 40px; white-space: pre-line; position: relative; margin-bottom: 0; }
@media (min-width: 768px) { .section-title .title { width: 45%; top: -5px; } }
@media (max-width: 767px) { .section-title .title { text-align: center; margin-bottom: 20px; } }
.section-title .desc { font-size: 18px; line-height: 26px; white-space: pre-line; }
@media (min-width: 768px) { .section-title .desc { width: 45%; text-align: right; } }
@media (max-width: 767px) { .section-title .desc { text-align: center; } }
.section-action { display: flex; justify-content: flex-end; padding-top: 10px; }
.section-action .link-more { font-size: 15px; line-height: 24px; display: inline-flex; align-items: center; color: #EA614B; }
.section-action .link-more .arrow { width: 11px; }
.section-seperator { border-top: 2px solid #021D49; margin: 0; }
.section-home-portfolio { padding: 30px 0; }
.section-home-portfolio .portfolio-slider { overflow: hidden; margin-top: 20px; }
.section-home-portfolio .slick-track { display: flex; align-items: flex-end; }
.item-post-portfolio { padding: 20px 0px 10px; position: relative; }
.item-post-portfolio .meta { position: absolute; width: 100%; top: 0px; font-family: "bree-serif" ,serif; font-weight: 700; font-style: normal; font-size: 14px; line-height: 14px; font-weight: 500; opacity: 0; transition: opacity 0.3s linear; padding: 0 5px; }
.item-post-portfolio:hover .meta { opacity: 1; }
.section-home-content { padding: 20px 0 0; margin-bottom: 40px; overflow: hidden; }
@media (max-width: 767px) { .section-home-content .section-title { background: #FFE4E9; margin: 0 -15px; padding: 20px 15px; } }
.section-home-content .popular-title { padding: 60px 0 20px; }
@media (max-width: 767px) { .section-home-content .popular-title { background: #FFE4E9; margin: 0 -15px; padding: 20px 15px 10px; } }
.section-home-content .popular-title .seperator { display: flex; justify-content: center; align-items: center; position: relative; }
.section-home-content .popular-title .seperator .title { font-family: "bree-serif" ,serif; font-weight: 700; font-style: normal; font-size: 36px; line-height: 42px; padding: 10px 15px; display: inline-flex; color: #FF5440; background: #FFF; position: relative; }
@media (max-width: 767px) { .section-home-content .popular-title .seperator .title { background: #FFE4E9; font-size: 28px; } }
.section-home-content .popular-title .seperator:before { content: ''; display: block; height: 1px; width: 100%; position: absolute; top: 50%; background: #FF5440; }
.section-home-content .popular-box { background: #FFE4E9; padding: 10px; }
@media (max-width: 767px) { .section-home-content .popular-box { margin: 0 -15px 30px; padding: 0px 25px 25px; } }
.section-home-content .popular-box .title { font-family: "bree-serif" ,serif; font-weight: 700; font-style: normal; font-size: 30px; line-height: 35px; text-align: center; margin: 10px 0; }
@media (max-width: 767px) { .section-home-content .popular-box .title { text-align: left; } }
@media (max-width: 767px) { .section-home-content .popular-box .row > div:not(:first-child) { display: none; } }
.item-post-default { margin-bottom: 15px; }
.item-post-default .post-meta { font-family: bree-serif, "Neue Frutiger Thai Trad", serif; font-size: 14px; color: #EA614B; margin: 10px 0; }
.item-post-default .post-meta a { color: #EA614B; }
.item-post-default .post-data { position: relative; padding-bottom: 15px; }
.item-post-default .post-data .post-title span { transition: all 0.5s ease; }
.item-post-default .post-data .post-title { font-family: bree-serif, "Neue Frutiger Thai Trad", serif; font-size: 16px; line-height: 19px; margin-bottom: 5px; }
.item-post-default .post-data .post-excerpt { font-family: 'Bai Jamjuree', sans-serif; font-weight: 500; font-style: normal; font-weight: 500; font-size: 13px; font-size: 15px; margin-bottom: 0; }
.item-post-default .post-data .post-meta-footer { font-family: bree-serif, serif; font-weight: 400; font-style: normal; font-size: 13px; display: flex; justify-content: space-between; align-items: baseline; padding: 8px 0; border-bottom: 1px solid #021D49; }
.item-post-default .post-data:hover .post-title span { background-color: #FFE4E9; }
.scrolling-text { background-color: #EA614B; font-size: 14px; position: relative; width: 100vw; max-width: 100%; overflow: hidden; height: 40px; color: #FFE4E9; display: flex; align-items: center; justify-content: flex-start; }
.scrolling-text .track { position: absolute; white-space: nowrap; will-change: transform; animation: marquee 25s linear infinite; }
@keyframes marquee { from { transform: translateX(10%); }
to { transform: translateX(-50%); } }
.post-categories, .project .project-types { font-family: bree-serif, "Neue Frutiger Thai Trad", serif; font-size: 22px; padding: 20px 0; }
@media (max-width: 767px) { .post-categories, .project .project-types { font-size: 18px; } }
.post-categories .custom-control, .project .project-types .custom-control { padding-left: 0; }
.post-categories [type="radio"]:checked, .post-categories [type="radio"]:not(:checked), .project .project-types [type="radio"]:checked, .project .project-types [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.post-categories [type="radio"]:checked + label, .post-categories [type="radio"]:not(:checked) + label, .project .project-types [type="radio"]:checked + label, .project .project-types [type="radio"]:not(:checked) + label { position: relative; padding-left: 15px; cursor: pointer; line-height: 20px; display: inline-block; }
.post-categories [type="radio"]:checked + label, .project .project-types [type="radio"]:checked + label { color: #FF5440; }
.post-categories [type="radio"]:checked + label:before, .post-categories [type="radio"]:not(:checked) + label:before, .project .project-types [type="radio"]:checked + label:before, .project .project-types [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border: 1px solid #021D49; border-radius: 100%; background: #fff; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.post-categories [type="radio"]:checked + label:before, .project .project-types [type="radio"]:checked + label:before { border: 0; background: #FF5440; }
.post-categories [type="radio"]:not(:checked) + label:after, .project .project-types [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.post-categories [type="radio"]:checked + label:after, .project .project-types [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); display: none; }
@media (max-width: 767px) { #postsPagination .paginationjs .paginationjs-pages li, #projectsPagination .paginationjs .paginationjs-pages li { min-width: auto; padding: 0 4px; }
#postsPagination .paginationjs .paginationjs-pages li > a, #projectsPagination .paginationjs .paginationjs-pages li > a { font-size: 16px; min-width: 24px; } }
.section-u-main { padding-bottom: 30px; }
.section-u-main .posts-grid-box { margin-left: -10px; width: calc(100% + 20px); overflow-y: auto; overflow-x: hidden; }
.section-u-main .mCSB_scrollTools:before { content: ''; height: 100%; width: 1px; background: #E1E4E9; display: block; position: absolute; left: 50%; top: 0; }
.section-u-main .mCSB_scrollTools .mCSB_dragger { width: 7px; height: 60px; border-radius: 20px; background: #C1C1C1; margin-left: 5px; }
.section-u-main .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .section-u-main .mCSB_scrollTools .mCSB_dragger .mCSB_draggerRail { background: none; }
@media (max-width: 767px) { .section-u-main .posts-grid-box #postsGrid .grid-item { flex: 0 0 50%; max-width: 50%; } }
.section-u-main .side-box .iframe-wrapper { position: relative; overflow: hidden; width: 100%; padding-top: 40%; margin-bottom: 15px; }
.section-u-main .side-box .iframe-wrapper iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
.section-u-main .editors-box { background: #F9E48A; padding: 15px; }
@media (max-width: 767px) { .section-u-main .editors-box { margin: 0 -15px; } }
.section-u-main .editors-box .title { font-family: "bree-serif" ,serif; font-weight: 700; font-style: italic; font-size: 34px; line-height: 40px; text-align: center; }
@media (max-width: 767px) { .section-u-main .editors-box .title { font-size: 24px; text-align: left; } }
@media (max-width: 767px) { .section-u-main .editors-box .item-post-default:not(:first-child) { display: none; } }
.section-u-single { background: #FFE4E9; padding: 25px 0 20px; }
.section-u-single .single-slider { overflow: hidden; }
.section-u-single .single-slider .item-post-single { margin-bottom: 20px; }
.section-u-single .slick-track { display: flex; align-items: flex-end; }
.section-u-bs { background: #BBCFF0; padding: 25px 0 20px; }
.section-u-series { padding: 30px 0 60px; }
.section-u-series .series-slider { overflow: hidden; }
.section-u-series .vertical-expansion { display: flex; flex-wrap: nowrap; overflow: hidden; position: relative; height: 480px; }
.section-u-series .vertical-expansion .item { min-width: 0; width: 33.32%; transition: all 0.3s cubic-bezier(0.44, 0, 0, 1); }
.section-u-series .vertical-expansion .item:hover { width: 100%; min-width: 100%; }
.item-post-series-excerpt { height: 480px; }
.item-post-series-excerpt .content-wrapper { position: relative; display: flex; }
.item-post-series-excerpt .img-wrapper { height: 480px; position: relative; }
.item-post-series-excerpt .img-wrapper img { object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.item-post-series-excerpt .content { width: 40%; padding: 10px; background: #95AAAB; padding: 5%; position: absolute; top: 0; bottom: 0; right: 0; display: none; }
.item-post-series-excerpt .content .title { font-size: 18px; }
.item-post-series-excerpt .content .excerpt { font-family: 'Bai Jamjuree', sans-serif; font-weight: 500; font-style: normal; font-weight: 500; font-size: 12px; font-size: 17px; margin: 10px 0; }
.item-post-series-excerpt .content .link-more { font-size: 13px; line-height: 22px; display: inline-flex; align-items: center; }
.item-post-series-excerpt .content .link-more .arrow { width: 9px; }
.item-post-series-excerpt:hover .img-wrapper { width: 60%; }
.item-post-series-excerpt:hover .content { display: block; }
.item-post-series-poster .img-wrapper { position: relative; }
.item-post-series-poster .img-wrapper:before { content: ''; display: block; padding-bottom: 133.33333%; }
.item-post-series-poster .img-wrapper img { object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
@media (min-width: 768px) { .section-u-brand-friend { background: linear-gradient(90deg, #F9E48A 50%, #FFE4E9 50%); } }
@media (min-width: 768px) { .section-u-brand-friend .col .item { padding: 30px 40px; } }
.section-u-brand-friend .col:nth-child(1) { background: #F9E48A; }
@media (min-width: 768px) { .section-u-brand-friend .col:nth-child(1) .item { padding-left: 0; } }
.section-u-brand-friend .col:nth-child(2) { background: #FFE4E9; }
@media (min-width: 768px) { .section-u-brand-friend .col:nth-child(2) .item { padding-right: 0; } }
.item-post-brand-child { margin-bottom: 10px; }
.item-post-brand-child .title span { font-family: "bree-serif" ,serif; font-weight: 700; font-style: normal; font-weight: 500; font-size: 28px; line-height: 28px; background: #EA614B; display: inline-flex; align-items: center; justify-content: center; padding: 0 4px 6px; margin-bottom: 10px; }
.item-post-brand-child .content { display: flex; align-items: baseline; padding: 10px 0; }
.item-post-brand-child .content .category { font-family: bree-serif, "Neue Frutiger Thai Trad", serif; font-size: 20px; color: #EA614B; }
.item-post-brand-child .content span { color: #EA614B; margin: 0 15px; }
.item-post-brand-child .content .post-title { font-size: 20px; }
.section-u-event { padding: 30px 0; }
@media (max-width: 767px) { .section-u-event .event-slider { padding: 0 40px; margin-bottom: 20px; }
.section-u-event .event-slider .slick-prev { left: 20px; }
.section-u-event .event-slider .slick-next { right: 20px; } }
@media (max-width: 767px) { .item-post-event-detail .img-wrapper { margin-bottom: 20px; } }
.item-post-event-detail .date { font-family: bree-serif, serif; font-weight: 400; font-style: normal; font-size: 20px; line-height: 22px; color: #EA614B; }
.item-post-event-detail .title { font-size: 24px; line-height: 28px; margin-bottom: 15px; }
.item-post-event-detail .post-excerpt { font-family: 'Bai Jamjuree', sans-serif; font-weight: 500; font-style: normal; font-weight: 500; font-size: 13px; font-size: 17px; margin-bottom: 0; }
.slick-arrow { background-repeat: no-repeat; background-size: contain; background-color: transparent !important; width: 25px; height: 50px; }
@media (max-width: 767px) { .slick-arrow { width: 15px; } }
.slick-arrow:hover { background-repeat: no-repeat !important; background-size: contain !important; background-color: transparent !important; }
.slick-arrow.slick-prev { margin-left: -10px; background-image: url(//www.ili-co.me/wp-content/themes/ili-2022/resources/assets/images/slider-arrow-prev.png); }
.slick-arrow.slick-prev:hover { background-image: url(//www.ili-co.me/wp-content/themes/ili-2022/resources/assets/images/slider-arrow-prev.png) !important; }
.slick-arrow.slick-next { margin-right: -10px; background-image: url(//www.ili-co.me/wp-content/themes/ili-2022/resources/assets/images/slider-arrow-next.png); }
.slick-arrow.slick-next:hover { background-image: url(//www.ili-co.me/wp-content/themes/ili-2022/resources/assets/images/slider-arrow-next.png) !important; }
.slick-arrow:before { display: none; }
.single .container { max-width: 940px; }
.single .entry-header { background: #FFE4E9; padding: 30px 0; }
.single .entry-header .intro { font-size: 16px; }
.single .entry-content { padding-top: 30px; }
.single .entry-footer-meta { display: flex; align-items: flex-start; border-bottom: 3px solid #021D49; margin-top: 40px; }
.single .entry-footer-meta .share-btn { flex-shrink: 0; margin-top: 0; min-width: 200px; }
.single .entry-footer-meta .share-btn .heading { font-size: 18px; }
.single .entry-footer-meta .share-btn a { margin-bottom: 10px; font-size: 16px; }
.single .entry-footer-meta .tags { margin-top: 0; }
.single .entry-footer-meta .tags .heading { font-size: 18px; }
.single .entry-footer-meta .tags a { font-size: 16px; }
.single .entry-footer-meta .tags:after { display: none; }
.single .authors .author .bio { font-size: 16px; }
.single .read-more .read-more-post:after { display: none; }
.single .the-content { font-size: 16px; }
.single .the-content mark { color: inherit; }
.single .the-content .post__list-ul, .single .the-content .post__list-ol, .single .the-content .post__list-dl { margin-left: 20px; }
@media (min-width: 768px) { .single .the-content .post__list-ul, .single .the-content .post__list-ol, .single .the-content .post__list-dl { margin-left: 50px; } }
.single .the-content blockquote { font-size: 20px; padding: 15px 15px 15px 30px; }
.single .the-content blockquote:before { width: 24px; height: 20px; margin-right: 10px; }
.single .popular-box { background: #FFE4E9; padding: 10px 15px; }
.single .popular-box .title { font-family: "bree-serif" ,serif; font-weight: 700; font-style: italic; font-size: 28px; line-height: 30px; text-align: center; margin-bottom: 15px; }
.sticky-sidebar { position: sticky; top: 0; padding-top: 10px; }
.item-post-minimal:not(:last-child) { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #021D49; }
.item-post-minimal .post-meta { font-family: bree-serif, "Neue Frutiger Thai Trad", serif; font-size: 13px; color: #021D49; margin: 2px 0; }
.item-post-minimal .post-meta a { color: #021D49; }
.item-post-minimal .post-data { position: relative; }
.item-post-minimal .post-data .post-title { font-family: bree-serif, "Neue Frutiger Thai Trad", serif; font-size: 14px; line-height: 20px; margin-top: 8px; }
@media (min-width: 768px) { .page-template-template-u_2022 #header .logo { position: absolute !important; }
.page-template-template-u_2022 #header .logo-u { position: fixed !important; } }
@media (min-width: 768px) { .page-template-template-u_2022 #header .logo-u { margin-top: 60px; } }
@media (min-width: 992px) { .page-template-template-u_2022 #header .logo-u { margin-top: 65px; } }
.template-project .page-title { padding-top: 0px; }
@media (min-width: 768px) { .template-project .page-title { padding-top: 60px; } }
@media (min-width: 768px) { .template-project .page-title .title { font-size: 40px; }
.template-project .page-title .sub-title { font-size: 18px; } }
@media (min-width: 768px) { .template-project .project-categories { font-size: 24px; } }
@media (min-width: 768px) { .template-project .project-clients .title { font-size: 40px; } }
.template-project .project-clients .clients { font-size: 16px; }
@media (min-width: 768px) { .template-project .project-clients .clients { font-size: 24px; } }
.about-us .elementor-container { max-width: 860px !important; }
.about-us .introduce img { max-width: 140px; }
.about-us .introduce .heading h1, .about-us .introduce .heading .h1 { font-size: 44px; }
.about-us .introduce .sub-heading h2, .about-us .introduce .sub-heading .h2 { font-size: 26px; }
@media (max-width: 767px) { .about-us .introduce .sub-heading h2, .about-us .introduce .sub-heading .h2 { font-size: 24px; } }
.about-us .introduce .eng h3, .about-us .introduce .eng .h3 { font-size: 26px; }
.about-us .introduce .detail h3, .about-us .introduce .detail .h3 { font-size: 18px; line-height: 28px; }
.about-us .our-content .title h2, .about-us .our-content .title .h2 { font-size: 44px; }
@media (max-width: 767px) { .about-us .our-content .title h2, .about-us .our-content .title .h2 { font-size: 32px; } }
.about-us .our-content .sub-title h4, .about-us .our-content .sub-title .h4 { font-size: 18px; }
.about-us .our-content .box .title h2, .about-us .our-content .box .title .h2 { font-size: 26px; line-height: 32px; }
.about-us .our-content .box .sub-title p { font-size: 18px; line-height: 28px; }
.about-us .design-content .title .h2, .about-us .design-content .title h2 { font-size: 44px; line-height: 52px; }
.about-us .design-content .sub-title p { font-size: 18px; line-height: 28px; }
.about-us .design-content .heading h2, .about-us .design-content .heading .h2 { font-size: 26px; }
.about-us .design-content .detail p { font-size: 18px; }
.about-us .ili-u .title h2, .about-us .ili-u .title .h2 { font-size: 44px; }
@media (max-width: 767px) { .about-us .ili-u .title h2, .about-us .ili-u .title .h2 { font-size: 32px; line-height: 38px; } }
.about-us .ili-u .sub-title-en h3, .about-us .ili-u .sub-title-en .h3 { font-size: 26px; line-height: 32px; }
.about-us .ili-u .sub-title-th h3, .about-us .ili-u .sub-title-th .h3 { font-size: 26px; line-height: 32px; }
.about-us .ili-u .desc h3, .about-us .ili-u .desc .h3 { font-size: 18px; line-height: 28px; }
.about-us .ili-u .icon-title h3, .about-us .ili-u .icon-title .h3 { font-size: 26px; }
.about-us .team-members .title h2, .about-us .team-members .title .h2 { font-size: 42px; }
.about-us .team-members .title-en h2, .about-us .team-members .title-en .h2 { font-size: 26px; }
.about-us .team-members .name h2, .about-us .team-members .name .h2 { font-size: 26px; }
.about-us .team-members .position h3, .about-us .team-members .position .h3 { font-size: 18px; }
.about-us .team-members .desc p { font-size: 18px; line-height: 28px; }
.about-us .contact-us h1, .about-us .contact-us .h1 { font-size: 48px; }
.about-us .contact-us .eng h2, .about-us .contact-us .eng .h2 { font-size: 28px; }
.about-us .contact-us .address p { font-size: 18px; line-height: 28px; }
.about-us .contact-us .address p span { font-size: 16px; }
.about-us .contact-us-detail h2, .about-us .contact-us-detail .h2 { font-size: 28px; }