#cms-section-6685611569 .blog-bg { padding: 0; margin: 0; line-height: 0; position: relative; display: inline-block; width: 100%; padding-bottom: calc(var(--desktop-section-spacing) - 24px); background-color: #fffafa;}#cms-section-6685611569 .top-bar { box-sizing: border-box; width: 100%; display: inline-block; text-align: center; background-color: #fffafa; box-shadow: 0 8px 16px rgba(199, 199, 199, 0.25); -webkit-box-shadow: 0 8px 16px rgba(199, 199, 199, 0.25); transition: opacity var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1), transform var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1); -webkit-transition: opacity var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1), transform var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1); opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);}#cms-section-6685611569 .top-bar.cms-animation { opacity: 0; transform: translate3d(0px, 20px, 0px); -webkit-transform: translate3d(0px, 20px, 0px);}#cms-section-6685611569 .top-layout { padding: 32px var(--desktop-gutter-size); max-width: var(--desktop-max-width); display: flex; width: 100%; margin: 0 auto; box-sizing: border-box;}#cms-section-6685611569 .blog-title { flex: 0 0 50%; text-align: left;}#cms-section-6685611569 .blog-title h1 { margin: 0; padding: 0;}#cms-section-6685611569 .bread-nav { flex: 0 0 50%;}#cms-section-6685611569 .bread-nav ol { padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-end; align-items: center; height: 100%;}#cms-section-6685611569 .bread-nav ol li { padding: 0 16px 0 8px; position: relative;}#cms-section-6685611569 .bread-nav ol li:before { content: "/"; position: absolute; top: 0; right: 0; width: 8px; height: 100%;}#cms-section-6685611569 .bread-nav ol li:hover a { text-decoration: underline;}#cms-section-6685611569 .bread-nav ol li:last-child { padding: 0 0 0 8px;}#cms-section-6685611569 .bread-nav ol li:last-child:before { display: none;}#cms-section-6685611569 .layout-box { display: flex;}#cms-section-6685611569 .dir-bg { display: flex; margin: 0 auto; margin-top: var(--desktop-section-spacing); max-width: var(--desktop-max-width); padding: 0 var(--desktop-gutter-size); box-sizing: border-box;}#cms-section-6685611569 .side-bar { flex: 0 0 33.33333%; padding: 0 32px 0 0;}#cms-section-6685611569 .search-input { background-color: #fff; position: relative; display: inline-block; width: 100%; box-sizing: border-box; padding: 0; border-radius: 32px; -webkit-border-radius: 32px; transition: box-shadow 0.5s linear; -webkit-transition: box-shadow 0.5s linear; box-shadow: 0 8px 16px rgba(186, 186, 186, 0.25); -webkit-box-shadow: 0 8px 16px rgba(186, 186, 186, 0.25); transition: opacity var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1), transform var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1); -webkit-transition: opacity var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1), transform var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1); opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);}#cms-section-6685611569 .search-input label { position: relative; padding: 16px; top: 0; left: 0; width: calc(100% - 32px); display: inline-block;}#cms-section-6685611569 .search-input .icon-btn { position: absolute; height: 100%; width: 48px; display: flex; align-items: center; justify-content: center; top: 0; right: 0;}#cms-section-6685611569 .search-input .icon-btn:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8; clip-path: circle(0px at 50% 50%); -webkit-clip-path: circle(0px at 50% 50%); background-color: var(--button-primary-hover-color); transition: clip-path 0.5s linear; -webkit-transition: clip-path 0.5s linear; z-index: 1; border-radius: 0 32px 32px 0;}#cms-section-6685611569 .search-input .icon-btn:hover { cursor: pointer;}#cms-section-6685611569 .search-input .icon-btn:hover:before { clip-path: circle(100%); -webkit-clip-path: circle(100%);}#cms-section-6685611569 .search-input .icon-btn svg { width: 16px; height: 16px; background-color: unset; fill: var(--body-font-color); position: relative; z-index: 2;}#cms-section-6685611569 .search-input input { background: none; border: none; outline: none; user-select: none; -webkit-user-select: none; width: calc(100% - 36px); border-right: 1px solid var(--border-color); border-radius: 0px; -webkit-border-radius: 0px; font-size: 16px;}#cms-section-6685611569 .search-input:focus-within { box-shadow: 0 8px 16px 8px rgba(186, 186, 186, 0.25), inset 0 0px 2px 1px rgba(69, 199, 225, 0.5); -webkit-box-shadow: 0 8px 16px 8px rgba(186, 186, 186, 0.25), inset 0 0px 2px 1px rgba(69, 199, 225, 0.5);}#cms-section-6685611569 .search-input.cms-animation { opacity: 0; transform: translate3d(-20px, 0px, 0px); -webkit-transform: translate3d(-20px, 0px, 0px);}#cms-section-6685611569 .elem-bg { background-color: #fffcff; padding: 24px; margin-top: 40px; border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 8px 16px rgba(186, 186, 186, 0.25); -webkit-box-shadow: 0 8px 16px rgba(186, 186, 186, 0.25); transition: opacity var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1), transform var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1); -webkit-transition: opacity var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1), transform var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1); opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);}#cms-section-6685611569 .elem-bg .heading-h2 { font-size: 18px; margin: 0 0 16px 0;}#cms-section-6685611569 .elem-bg.cms-animation { opacity: 0; transform: translate3d(-20px, 0px, 0px); -webkit-transform: translate3d(-20px, 0px, 0px);}#cms-section-6685611569 .cate-list .heading-h3 { font-size: 14px; position: relative; margin: 0; padding: 16px 0;}#cms-section-6685611569 .cate-list .heading-h3 span { position: absolute; right: 0;}#cms-section-6685611569 .cate-list ul { padding: 0; margin: 0; list-style: none;}#cms-section-6685611569 .cate-list ul li { border-bottom: 1px solid var(--border-color);}#cms-section-6685611569 .cate-list ul li:last-child { border-bottom: none;}#cms-section-6685611569 .cate-list a:hover .heading-h3 { text-decoration: underline;}#cms-section-6685611569 .trend-list ul { padding: 0; margin: 0; list-style: none;}#cms-section-6685611569 .trend-list ul li { display: flex; margin-bottom: 16px;}#cms-section-6685611569 .trend-list ul li:last-child { margin-bottom: 0px;}#cms-section-6685611569 .trend-list .art-ct { flex: 0 0 40px;}#cms-section-6685611569 .trend-list article { flex: 0 1 100%;}#cms-section-6685611569 .trend-list p { font-size: 10px; text-transform: uppercase;}#cms-section-6685611569 .trend-list .heading-h3 { font-size: 14px; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}#cms-section-6685611569 .trend-list a:hover .heading-h3 { text-decoration: underline;}#cms-section-6685611569 .art-ct p { font-size: 32px; font-weight: bold; margin: 0; line-height: 1em;}#cms-section-6685611569 .article-landscape { aspect-ratio: 1.3333333333;}#cms-section-6685611569 .article-square { aspect-ratio: 1;}#cms-section-6685611569 .article-portrait { aspect-ratio: 0.75;}#cms-section-6685611569 .main-dir { flex: 0 1 100%;}#cms-section-6685611569 .main-dir article { background-color: rgba(0, 0, 0, 0); border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; position: relative; box-shadow: 0 8px 16px rgba(186, 186, 186, 0.25); -webkit-box-shadow: 0 8px 16px rgba(186, 186, 186, 0.25); transition: opacity var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1), transform var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1); -webkit-transition: opacity var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1), transform var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1); opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); width: 100%;}#cms-section-6685611569 .main-dir .img { line-height: 0;}#cms-section-6685611569 .main-dir .img img { width: 100%; object-fit: cover; object-position: center;}#cms-section-6685611569 .main-dir .content { padding: 32px; padding: 16px 24px; box-sizing: border-box; line-height: 0;}#cms-section-6685611569 .main-dir h1 { font-size: 16px; margin: 0; line-height: 1.4em; margin-bottom: 8px;}#cms-section-6685611569 .main-dir .date-icon { width: 16px; height: 16px; display: inline-block;}#cms-section-6685611569 .main-dir h3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}#cms-section-6685611569 .main-dir h4 { font-size: 12px; margin: 0; margin-bottom: 8px; text-transform: uppercase;}#cms-section-6685611569 .main-dir p { font-size: 12px; margin: 0;}#cms-section-6685611569 .main-dir a:hover { text-decoration: underline;}#cms-section-6685611569 .main-dir ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; width: calc(100% + 24px); margin-left: -24px;}#cms-section-6685611569 .main-dir li { flex: 0 0 50%; padding: 0 0 24px 24px; box-sizing: border-box; display: flex;}#cms-section-6685611569 .main-dir li:nth-child(odd) article.cms-animation { opacity: 0; transform: translate3d(0px, 20px, 0px); -webkit-transform: translate3d(0px, 20px, 0px);}#cms-section-6685611569 .main-dir li:nth-child(even) article.cms-animation { opacity: 0; transform: translate3d(20px, 0px, 0px); -webkit-transform: translate3d(20px, 0px, 0px);}#cms-section-6685611569 .insta-feed ul { padding: 0; margin: 0; list-style: none;}#cms-section-6685611569 .pagination ul { display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; margin-bottom: var(--desktop-section-spacing);}#cms-section-6685611569 .pagination li { padding: 0; flex: 0 0 auto; display: block;}#cms-section-6685611569 .pagination a { display: inline-block; padding: 8px 16px; box-sizing: border-box; margin: 0 8px; border-radius: 4px; -webkit-border-radius: 4px; font-size: var(--button-font-size); background-color: var(--button-secondary-color); border: 1px solid var(--button-secondary-color); font-family: var(--button-font); text-transform: var(--button-font-transform); letter-spacing: var(--button-font-letterspacing); font-weight: var(--button-font-weight); color: var(--button-secondary-font-color); transition: background-color var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1), color var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1); -webkit-transition: background-color var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1), color var(--animation-duration) cubic-bezier(0.6, 0, 0.2, 1); text-decoration: none; min-width: 48px; text-align: center;}#cms-section-6685611569 .pagination a:hover { background-color: var(--button-secondary-hover-color); text-decoration: none;}#cms-section-6685611569 .pagination .active-num { background-color: var(--button-secondary-font-color); color: var(--button-secondary-color);}#cms-section-6685611569 .pagination .active-num:hover { background-color: var(--button-secondary-font-color); text-decoration: none;}@media (max-width: 900px) { #cms-section-6685611569 .top-layout {  padding: 32px var(--tablet-gutter-size); } #cms-section-6685611569 .main-dir ul {  display: block; } #cms-section-6685611569 .pagination ul {  display: flex;  margin-bottom: var(--tablet-section-spacing); } #cms-section-6685611569 .side-bar {  flex: 0 0 50%; } #cms-section-6685611569 .dir-bg {  display: block;  padding: 0 var(--tablet-gutter-size); }}@media (max-width: 500px) { #cms-section-6685611569 .top-layout {  padding: 32px var(--mobile-gutter-size); } #cms-section-6685611569 .side-bar {  flex: 0 0 100%;  padding: 0;  margin-bottom: var(--mobile-section-spacing); } #cms-section-6685611569 .dir-bg {  display: block;  padding: 0 var(--mobile-gutter-size); } #cms-section-6685611569 .pagination ul {  margin-bottom: var(--mobile-section-spacing); }}