#sustain-section .sustain-blocks, #sustain-mobile .sustain-blocks { padding-left: 10px; padding-right: 10px; }
#sustain-section .sustain-blocks .contents, #sustain-mobile .sustain-blocks .contents { position: relative; margin-bottom: 15px; }
#sustain-section .sustain-blocks .contents a, #sustain-mobile .sustain-blocks .contents a { transition: 0.4s linear; }
#sustain-section .sustain-blocks .contents a .cover, #sustain-mobile .sustain-blocks .contents a .cover { aspect-ratio: 4 / 2.7; overflow: hidden; position: relative; background-color: rgb(0, 0, 0); }
#sustain-section .sustain-blocks .contents a .cover img.img, #sustain-mobile .sustain-blocks .contents a .cover img.img { object-fit: cover; margin-bottom: 0px; position: absolute; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.4s linear; }
#sustain-section .sustain-blocks .contents a .caption, #sustain-mobile .sustain-blocks .contents a .caption { background-color: rgba(25, 48, 40, 0.8); padding: 12px 12px 20px; text-align: left; }
#sustain-mobile .sustain-blocks .contents a .caption { background-color: rgba(25, 48, 40, 0.95); border: 1px solid rgb(0, 0, 0); }
#sustain-section .sustain-blocks .contents a .caption .title, #sustain-mobile .sustain-blocks .contents a .caption .title { font-family: din-medium-webfont; font-size: 16px; font-weight: 900; line-height: 1.4; color: rgb(199, 233, 149); margin-bottom: 20px; }
#sustain-section .sustain-blocks .contents a .caption .line-clamp-3, #sustain-mobile .sustain-blocks .contents a .caption .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#sustain-section .sustain-blocks .contents a .caption .meta, #sustain-mobile .sustain-blocks .contents a .caption .meta { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; }
#sustain-section .sustain-blocks .contents a .caption .meta .meta-date, #sustain-mobile .sustain-blocks .contents a .caption .meta .meta-date { color: rgb(255, 255, 255); font-family: "Open Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.28px; }
#sustain-section .sustain-blocks .contents a .caption .meta .btn-go, #sustain-mobile .sustain-blocks .contents a .caption .meta .btn-go { border: 1px solid rgb(255, 255, 255); padding: 1px 6px; background-color: rgba(0, 0, 0, 0); transition: 0.4s linear; }
#sustain-section .sustain-blocks .contents a:hover, #sustain-mobile .sustain-blocks .contents a:hover { transition: 0.4s linear; }
#sustain-section .sustain-blocks .contents a:hover .cover img.img, #sustain-mobile .sustain-blocks .contents a:hover .cover img.img { top: 55%; left: 55%; scale: 1.1; transition: 0.4s linear; }
#sustain-section .sustain-blocks .contents a:hover .caption .meta .btn-go, #sustain-mobile .sustain-blocks .contents a:hover .caption .meta .btn-go { background-color: rgb(0, 0, 0); transition: 0.4s linear; }
.splide__pagination { margin-bottom: 0px !important; }
#sustain-pagearea .block-16-9 { aspect-ratio: 16 / 9.05; overflow: hidden; position: relative; text-align: center; }
#sustain-pagearea .block-2-3 { aspect-ratio: 1 / 1.15; overflow: hidden; position: relative; text-align: center; }
#sustain-pagearea .sustain-blocks { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; }
#sustain-pagearea img { margin-bottom: 0px; }
#sustain-pagearea .sustain-page-latest { margin-left: -5px; margin-right: -5px; }
#sustain-pagearea img.sustain-img { position: absolute; max-width: inherit; transform: translate(-50%, -50%); left: 50%; top: 50%; }
#sustain-pagearea .block-16-9 img.sustain-img { height: auto; width: 100%; }
#sustain-pagearea .block-2-3 img.sustain-img { height: 100%; width: auto; }
#sustain-pagearea .caption { position: absolute; bottom: 0px; width: 100%; left: 0px; height: 40%; background-color: rgba(25, 48, 40, 0.8); padding: 12px 12px 20px; text-align: left; }
#sustain-pagearea .title { font-family: din-medium-webfont; font-size: 16px; font-weight: 900; line-height: 1.4; color: rgb(199, 233, 149); }
#sustain-pagearea .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#sustain-pagearea .meta { bottom: 20px; position: absolute; color: rgb(255, 255, 255); font-family: "Open Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.28px; }
#sustain-pagearea a.btn.btn-sustain { position: absolute; bottom: 20px; right: 12px; display: flex; border: 1px solid rgb(255, 255, 255); padding: 6px 8px; }
#sustain-pagearea a:hover.btn.btn-sustain, #sustain-pagearea a:active.btn.btn-sustain { background: rgba(0, 0, 0, 0.5); transition: 0.4s ease-in-out; }
#sustain-pagearea .sustain-blocks:hover img.sustain-img { transition: 0.4s linear; scale: 1.1; transform: translate(-45%, -45%); }
#sustain-pagearea .sustain_all .td-element-style-before { top: 200px !important; height: 565px !important; background-repeat: repeat-y !important; background-size: cover !important; }
#sustain-pagearea .sustain_all .td_module_mx1 { aspect-ratio: 3 / 2.5; }
#sustain-pagearea .sustain_all .td_module_mx1 .td-module-thumb { height: 100%; width: 100%; }
#sustain-pagearea .sustain_all .td_module_mx1 .td-image-wrap img { height: 100%; position: absolute; width: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#sustain-pagearea .sustain_all .td_module_mx1 .td-module-thumb a:last-child::before { height: 40%; background-color: rgba(25, 48, 40, 0.8); }
#sustain-pagearea .sustain_all .td_module_mx1 .entry-title a { color: rgb(199, 233, 149) !important; }
#sustain-pagearea .sustain_all .td_module_mx1 .td-module-title { text-transform: capitalize; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-family: din-medium-webfont; font-size: 16px; font-weight: 900; line-height: 1.4; color: rgb(199, 233, 149); }
#sustain-pagearea .sustain_all .td_module_mx1 .td-post-author-name { display: none; }
#sustain-pagearea .sustain_all .td_module_mx1 .td-post-date { color: rgb(255, 255, 255); }
#sustain-pagearea .sustain_all .td_module_mx1 .entry-title { margin-bottom: 20px !important; }
#sustain-pagearea .sustain_all .td_module_mx1:hover img.entry-thumb { transition: 0.4s linear; scale: 1.1; transform: translate(-45%, -45%); }
#sustain-pagearea .sustain_all .td_block_14 .td_block_inner { margin-right: -10px; }
#sustain-pagearea .sustain_all .td_block_14 .td-block-span4 { padding-right: 10px; }
#sustain-pagearea .sustain_all .td_module_mx1 { margin-bottom: 10px; }
@media (max-width: 1024px) {
  #sustain-pagearea .block-16-9 { aspect-ratio: 16 / 9; }
  #sustain-pagearea .sustain_all { margin-left: -10px; margin-right: -10px; }
}
@media (max-width: 820px) {
  #sustain-pagearea .sustain_all { margin-left: 30px; margin-right: 30px; }
}
@media (max-width: 480px) {
  #sustain-pagearea .block-16-9 { aspect-ratio: 1 / 1.1; }
  #sustain-pagearea .block-2-3 { aspect-ratio: 1 / 1.1; }
  #sustain-pagearea .block-16-9 img.sustain-img { height: 100%; width: auto; }
  #sustain-pagearea .block-2-3 img.sustain-img { height: 100%; width: auto; }
  #sustain-pagearea .sustain_all { margin-left: 0px; margin-right: 0px; }
}