@charset 'UTF-8';
/*  The ÂN - Custom CSS */

:root { --color-first: #9B7D5E; --color-second: #E0CABA; --color-third: #DDB07F; --color-fourth: #544536; --color-fifth: #FAFAFA; }

/*Created CSS*/
.fs-7 { font-size: 0.8rem!important }
.btn-ha1 { padding: 0 20px !important; border: 2px solid !important; }
.w128 { width: 128px; height: auto; }
.list_li22 { padding-right: 20px; }
.list_li22 li { text-indent: -22px; padding-left: 44px; }
.banner_round { width: 100%; height: auto; border-radius: 20px; }
.m-h-300 { max-height: 300px; }
.bma-blog h3, .bma-blog h4, .bma-blog h5, .bma-blog h6 { font-weight: 700 !important; margin-top: 1rem !important; margin-bottom: 1rem !important; font-family: "Arima", system-ui; }
.bma-blog h3 { font-size: 1.5rem !important; }
.bma-blog h4 { font-size: 1.25rem !important; }
.bma-blog h5 { font-size: 1rem !important; }
.bma-blog p { line-height: 2rem; text-align: justify; }
.bma-blog .blog-list2 { margin-left: 40px; }
.bma-blog .blog-list2 > li { text-align: justify; padding-left: 35px; position: relative; margin-bottom: 1rem; text-indent: 0; }
.bma-blog .blog-list2 > li:before { position: absolute; content: "\f272"; font-family: "bootstrap-icons"; color: #a0a0a0; left: 0; top: -5px; font-size: 1.5rem; }
.bma-blog .blog-list3 { margin-left: 50px; }
.bma-blog .blog-list3 > li { list-style: disc; text-indent: 0; padding-left: 0; }
.bma-blog ol { line-height: 2; margin-left: 20px; margin-bottom: 20px; }
.bma-blog ol > li {  }

.page-nav .wp-pagenavi span.pages { display: none; }
.page-nav .wp-pagenavi a, .page-nav .wp-pagenavi span { border: 1px solid #910003; border-radius: 15px; display: inline-block; text-align: center; color: #910003; text-align: center; align-items: center; justify-content: center; margin-right: 6px; background-color: #e8e8e8; min-width: 3rem; }
.page-nav .wp-pagenavi a:hover, .page-nav .wp-pagenavi span.current { background: #910003; border: 1px solid #910003; color: #FFF; }

.fs-vanphatduong { font-size: 2.75rem!important; place-self: center; background: linear-gradient(90deg, #F2DF97, #B38036, #F2DF97) -100%/ 200%; -webkit-background-clip: text; background-clip: text; color: transparent; font: 900 clamp(2em, 10vw, 10em) "Arima", system-ui; animation: shimmer 2s linear infinite; }
@keyframes shimmer { to { background-position: 100% } }


.masonry-thumbs { position: relative; --bs-gutter-x: calc(1px * 2); --bs-gutter-y: calc(1px * 2); }
.masonry-thumbs > * { overflow: hidden; }
.masonry-gap-lg { --bs-gutter-x: calc(1px * 3); --bs-gutter-y: calc(1px * 3); }
.masonry-gap-xl { --bs-gutter-x: calc(1px * 5); --bs-gutter-y: calc(1px * 5); }
.masonry-thumbs .grid-inner > img, .masonry-thumbs > * > img { display: block; width: 100%; height: auto; border-radius: 0; }
.grid-container, .grid-inner { position: relative; overflow: hidden; will-change: transform; }
.grid-inner { width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.grid-container { transition: height 0.4s ease; }
@media (prefers-reduced-motion: reduce) {
  .grid-container { transition: none; }
}
.newsletter .form input::placeholder { color: #FF921C; opacity: 1; }
.reset-pb-8 { padding-bottom: 0 !important; }

/*Fixed CSS*/
.img-fluid { width: 100%; height: auto; }
.container-fluid { padding: 0; margin: 0 -15px; }
.services .services-text li { text-align: justify; }
.services .picture-con .image img { border-bottom-right-radius: 20px; border-top-right-radius: 20px; }
.donation .card-wrap .con-wrap a.support-link { width: 100%; }
.donation .card-wrap .con-wrap a.support-link:hover,
.donation .card-wrap .con-wrap .text a  { color: #FFF; }