@charset "UTF-8";
/* CSS Document */


.pb-90 {
	padding-bottom: 30rem;
}
.content {
  flex: 1; /* This pushes the footer down */
}
@media screen{
body{margin:0;}
section{display:block;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
a:active,a:hover{outline-width:0;}
img{border-style:none;}
.u-btn{display:table;cursor:pointer;color:inherit;font-size:inherit;font-family: soleil, "Helvetica Neue", Arial, sans-serif;line-height:inherit;letter-spacing:inherit;text-transform:inherit;font-style:inherit;font-weight:inherit;text-decoration:none;border:0 none transparent;outline-width:0;background-color:transparent;margin:0;-webkit-text-decoration-skip:objects;font-style:initial;white-space:nowrap;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;text-align:center;padding:10px 30px;border-radius:0;align-self:flex-start;}
.u-btn:focus,.u-btn:active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.u-btn:hover,.u-btn:focus{text-decoration:none;}
.u-btn:active{outline:0;background-image:none;}
.u-text a{font-size:inherit;font-family: soleil, "Helvetica Neue", Arial, sans-serif;;line-height:inherit;letter-spacing:inherit;text-transform:inherit;}
.u-text:not(ul):not(ol):not(p):not(.u-post-content):not(.u-block-content):not(.u-product-desc):not(.u-cart-block-content):not(.u-checkout-block-content) a{color:inherit;}
.u-text:not(ul):not(ol):not(p):not(.u-post-content):not(.u-block-content):not(.u-product-desc):not(.u-cart-block-content):not(.u-checkout-block-content) a,.u-text:not(ul):not(ol):not(p):not(.u-post-content):not(.u-block-content):not(.u-product-desc):not(.u-cart-block-content):not(.u-checkout-block-content) a:hover{text-decoration:none;}
.u-link,a{border-top-width:0;border-left-width:0;border-right-width:0;}
.u-link{display:table;border-style:solid;border-bottom-width:0;white-space:nowrap;align-self:flex-start;}
.u-link,.u-link:hover,.u-link:focus{text-decoration:none;}
.u-link:focus,.u-link:active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
*,*:before,*:after{box-sizing:border-box;}
body{height:auto;min-height:100%;margin: 0!important;}
body,section{position:relative;}
section > *,.u-sheet > *{position:relative;}
a{color:#259bca;text-decoration:none;}
a:hover{color:#0676a4;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.u-clearfix:after,.u-clearfix:before{content:'';display:table;}
.u-clearfix:after{clear:both;}
.u-backlink{position:relative;text-align:center;padding:1em;}
.u-backlink a:first-letter{text-transform:capitalize;}
.u-backlink a,.u-backlink p{display:inline-block;}
.u-backlink span{font-size:0.8rem;}
.u-backlink .u-link{text-decoration:underline;}
.u-backlink span,.u-backlink .u-link:hover{text-decoration:none;}
.u-text-default{display:table;align-self:flex-start;width:-webkit-fit-content;width:fit-content;width:-moz-fit-content;}
.u-text-default:empty{display:block;width:15px;}
.u-image{object-fit:cover;display:block;vertical-align:middle;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
img.u-image{overflow:hidden;}
.u-sheet{position:relative;margin:0 auto;}
@media (min-width: 1400px){
.u-sheet{width:var(--theme-sheet-width-xxl)!important;}
}
@media (min-width: 992px) and (max-width: 1199px){
.u-sheet{width:var(--theme-sheet-width-lg)!important;}
}
@media (min-width: 768px) and (max-width: 991px){
.u-sheet{width:var(--theme-sheet-width-md)!important;}
}
@media (min-width: 576px) and (max-width: 767px){
.u-sheet{width:var(--theme-sheet-width-sm)!important;}
}
@media (max-width: 575px){
.u-sheet{width:var(--theme-sheet-width-xs)!important;}
}
.u-container-layout{position:relative;flex:1;max-width:100%;transition-duration:inherit;}
.u-container-layout > *{position:relative;}
.u-expanded-width{width:100%!important;margin-left:0!important;margin-right:0!important;}
.u-valign-middle{display:flex;flex-direction:column;}
@media (min-width: 576px) and (max-width: 767px){
.u-valign-top-sm{display:flex;flex-direction:column;}
}
@media (max-width: 575px){
.u-valign-top-xs{display:flex;flex-direction:column;}
}
.u-valign-middle > *{flex-shrink:0;}
.u-valign-middle{justify-content:center;}
@media (min-width: 576px) and (max-width: 767px){
.u-valign-top-sm{justify-content:flex-start;}
}
@media (max-width: 575px){
.u-valign-top-xs{justify-content:flex-start;}
}
.u-sheet:not(.u-image):not(.u-video){pointer-events:none;}
.u-sheet:not(.u-image):not(.u-video) > *{pointer-events:auto;pointer-events:initial;}
.u-metadata{display:table;}
.u-metadata .u-meta-icon{display:inline-block;margin-left:5px;vertical-align:middle;}
.u-metadata .u-meta-icon:first-child{margin-left:0;}
.u-metadata .u-meta-icon + .u-meta-icon:before{content:'|';display:inline-block;margin-right:5px;}
.u-metadata{display:table;}
.u-metadata .u-meta-icon{display:inline-block;margin-left:5px;vertical-align:middle;}
.u-metadata .u-meta-icon:first-child{margin-left:0;}
.u-metadata .u-meta-icon + .u-meta-icon:before{content:'|';display:inline-block;margin-right:5px;}
.u-body{font-size:1rem;line-height:1.6;}
.u-body h2,.u-body h4{padding:0;}
h2,h4{margin-top:0;margin-bottom:0.5rem;line-height:1.2;font-weight:500;color:inherit;}
h2{font-size:1.5rem;}
h4{font-size:1.25rem;}
p{margin-top:0;padding:0;margin-bottom:0.5rem;}
.u-align-center{text-align:center;}
.u-text{word-wrap:break-word;position:relative;}

.u-body{--animation-fade_in-opacity:0;--animation-fade_in_up-opacity:0;--animation-fade_in_left-opacity:0;--animation-fade_in_right-opacity:0;--animation-fade_in_down-opacity:0;--animation-fade_in_up_big-opacity:0;--animation-fade_in_left_big-opacity:0;--animation-fade_in_right_big-opacity:0;--animation-fade_in_down_big-opacity:0;--animation-fade_out-opacity:0;--animation-fade_out_up-opacity:0;--animation-fade_out_left-opacity:0;--animation-fade_out_right-opacity:0;--animation-fade_out_down-opacity:0;--animation-fade_out_up_big-opacity:0;--animation-fade_out_left_big-opacity:0;--animation-fade_out_right_big-opacity:0;--animation-fade_out_down_big-opacity:0;--animation-rotate_in-rotate:-200deg;--animation-rotate_in_down_left-rotate:-45deg;--animation-rotate_in_down_right-rotate:45deg;--animation-rotate_in_up_left-rotate:45deg;--animation-rotate_in_up_right-rotate:-90deg;--animation-rotate_out-rotate:200deg;--animation-rotate_out_down_left-rotate:45deg;--animation-rotate_out_down_right-rotate:-45deg;--animation-rotate_out_up_left-rotate:-45deg;--animation-rotate_out_up_right-rotate:90deg;--animation-roll_in-rotate:-120deg;--animation-roll_in-translate_x:-100%;--animation-roll_out-rotate:120deg;--animation-roll_out-translate_x:100%;--animation-zoom_in-scale:0.3;--animation-zoom_in_down-scale:0.475;--animation-zoom_in_down-translate_y:60px;--animation-zoom_in_up-scale:0.475;--animation-zoom_in_up-translate_y:-60px;--animation-zoom_in_left-scale:0.475;--animation-zoom_in_left-translate_x:10px;--animation-zoom_in_right-scale:0.475;--animation-zoom_in_right-translate_x:-10px;--animation-zoom_out-scale:0.3;--animation-zoom_out_down-scale:0.475;--animation-zoom_out_down-translate_y:-60px;--animation-zoom_out_up-scale:0.475;--animation-zoom_out_up-translate_y:60px;--animation-zoom_out_left-scale:0.475;--animation-zoom_out_left-translate_x:42px;--animation-zoom_out_right-scale:0.475;--animation-zoom_out_right-translate_x:-42px;--animation-slide_in_down-translate_y:-100%;--animation-slide_in_up-translate_y:100%;--animation-slide_in_left-translate_x:-100%;--animation-slide_in_right-translate_x:100%;--animation-slide_out_down-translate_y:100%;--animation-slide_out_up-translate_y:-100%;--animation-slide_out_left-translate_x:-100%;--animation-slide_out_right-translate_x:100%;--animation-custom_in-translate_x:0px;--animation-custom_in-translate_y:0px;--animation-custom_in-scale:1;--animation-custom_in-rotate:0deg;--animation-custom_in-opacity:0;}
.u-repeater{display:grid;grid-template-columns:repeat(3, 33.33333333%);}
.u-repeater-item{display:flex;position:relative;}


.u-image,.u-gradient{color:#111111;}
.u-body{color:#111111;background-color:#ffffff;--effect-scale:1.1;}
.u-grey-80,section.u-grey-80:before{color:#ffffff;background-color:#333333;}
.u-text-palette-1-base{color:#c49a6d!important;}
.u-text-grey-30{color:#c49a6d!important;}
.u-text-grey-40{color:#999999!important;}
.u-body{--theme-sheet-width-xl:1140px;--theme-sheet-width-lg:940px;--theme-sheet-width-md:720px;--theme-sheet-width-sm:540px;--theme-sheet-width-xs:340px;}
h2:not(.u-subtitle){font-weight:400;font-size:2.25rem;line-height:1.1;margin-bottom:20px;}
h4{font-weight:400;font-size:1.5rem;line-height:1.2;margin-top:20px;margin-bottom:20px;}
p:not(.u-text-variant){margin-top:20px;margin-bottom:20px;}
.u-btn{margin-top:20px;margin-bottom:20px;}
.u-metadata{margin-top:20px;margin-bottom:20px;}
@media (max-width: 575px){
h2:not(.u-subtitle){font-size:1.5rem;}
}
.u-gradient > .u-container-layout > a,a{color:#6259ac;}
.u-gradient > .u-container-layout > a:hover,a:hover{color:#574e9d;}
.u-gradient > .u-container-layout > .u-btn,.u-btn{background-color:#c49a6c;color:#ffffff;}
.u-gradient > .u-container-layout > .u-btn:hover,.u-btn:hover{background-color:#574e9d;color:#e6e6e6;}
.u-gradient > .u-container-layout > .u-btn:focus,.u-btn:focus{background-color:#574e9d;color:#e6e6e6;}
.u-gradient > .u-container-layout > .u-btn:active,.u-btn:active{background-color:#574e9d;color:#e6e6e6;}
.u-grey-80 a{color:#c6c2eb;}
.u-grey-80 a:hover{color:#a1a1a1;}
}
/*! CSS Used from: Embedded */
.u-section-2{background-image:linear-gradient(#f5f3ec, white);}
.u-section-2 .u-sheet-1{min-height:224px;}
.u-section-2 .u-text-1{font-size:3rem;font-weight:700;margin:52px auto 0;}
.u-section-2 .u-text-2{width:488px;margin:20px auto 0;}
.u-section-2 .u-repeater-1{min-height:545px;grid-template-columns:calc(33.3333% - 15px) calc(33.3333% - 15px) calc(33.3333% - 15px);height:auto;grid-gap:22px;margin:20px 0 52px;}
.u-section-2 .u-repeater-item-1{background-size:auto;}
.u-section-2 .u-container-layout-1{padding:20px;}
.u-section-2 .u-image-1{height:351px;margin:0;}
.u-section-2 .u-text-3{margin:17px 0 0;}
.u-section-2 .u-metadata-1{font-size:1rem;margin:15px auto 0;}
.u-section-2 .u-btn-1{margin-left:auto;margin-right:auto;}
.u-section-2 .u-repeater-item-2{background-size:auto;background-image:linear-gradient(white, #f3f1e9);!important}
.u-section-2 .u-container-layout-2{padding:20px;}
.u-section-2 .u-image-2{height:351px;margin:0;}
.u-section-2 .u-text-4{margin:17px 0 0;}
.u-section-2 .u-metadata-2{font-size:0.875rem;margin:15px auto 0;}
.u-section-2 .u-btn-2{margin-left:auto;margin-right:auto;}
.u-section-2 .u-repeater-item-3{background-size:auto;}
.u-section-2 .u-container-layout-3{padding:20px;}
.u-section-2 .u-image-3{height:351px;margin:0;}
.u-section-2 .u-text-5{margin:17px 0 0;}
.u-section-2 .u-metadata-3{font-size:0.875rem;margin:15px auto 0;}
.u-section-2 .u-btn-3{margin-left:auto;margin-right:auto;}
@media (max-width: 1199px){
.u-section-2 .u-sheet-1{min-height:428px;}
.u-section-2 .u-repeater-1{min-height:309px;grid-template-columns:repeat(3, calc(33.333333333333336% - 15px));margin-right:initial;margin-left:initial;}
.u-section-2 .u-image-1{height:351px;margin-right:initial;margin-left:initial;}
.u-section-2 .u-image-2{height:351px;margin-right:initial;margin-left:initial;}
.u-section-2 .u-image-3{height:351px;margin-right:initial;margin-left:initial;}

}

}
@media (max-width: 991px){
.u-section-2 .u-sheet-1{min-height:830px;}
.u-section-2 .u-repeater-1{min-height:711px;grid-template-columns:repeat(2, calc(((100% - 720px) / 2)  + 349px));margin-right:initial;margin-left:initial;}
}
@media (max-width: 767px){
.u-section-2 .u-sheet-1{min-height:1637px;}
.u-section-2 .u-repeater-1{min-height:1517px;grid-template-columns:repeat(1, calc(100% - 0));margin-right:initial;margin-left:initial;}
.u-section-2 .u-container-layout-1{padding-left:30px;padding-right:30px;}
.u-section-2 .u-container-layout-2{padding-left:30px;padding-right:30px;}
.u-section-2 .u-container-layout-3{padding-left:30px;padding-right:30px;}
}
@media (max-width: 575px){
.u-section-2 .u-sheet-1{min-height:1289px;}
.u-section-2 .u-text-2{width:340px;}
.u-section-2 .u-repeater-1{min-height:1169px;grid-template-columns:100%;margin-right:initial;margin-left:initial;}
.u-section-2 .u-container-layout-1{padding-left:10px;padding-right:10px;}
.u-section-2 .u-container-layout-2{padding-left:10px;padding-right:10px;}
.u-section-2 .u-container-layout-3{padding-left:10px;padding-right:10px;}
	
	.grid-two {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr))!important; /* First card is double width */
  gap: 20px;
  padding: 20px;
}

	
}
.m-t-mobile{
	margin-top: 100px;
}
.text-brown {
	color: #4a3504;
	
}







    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 20px;
      padding: 20px;
    }

    .card {
     	background-color: rgba(0, 0, 0, 0.4)!important;
     
      overflow: hidden;
     
    }

    .card-header {
      position: relative;
      height: 250px;
      color: white;
      padding: 20px;
      display: flex;
      flex-direction: column;
      justify-content:center;
      background-size: cover;
      background-position: center;
		text-align: left;
    }

    .year-box {
      position: absolute;
      bottom: 0px;
      left: 20px;
      background: ;
      color: white;
      font-weight: bold;
      padding: 15px 12px;
      font-size: 1.2em;
    }

    .card-header h2 {
      font-size: 1.9em;
      font-weight: bold;
      margin: 0;
    }

    .card-header p {
      font-size: 0.9em;
      color: #4cd176;
      margin: 8px 0 0;
    }

    .card-body {
      padding: 20px;
      text-align: left;
    }

    .card-body h3 {
      margin: 10px 0;
      font-size: 1.1em;
    }

    .card-body p {
      color: #c08e60;
      font-size: 0.9em;
    }

    .card-body button {
      margin-top: 10px;
      padding: 10px 20px;
      background: #bd5400;
      color: white;
      border: none;
      cursor: pointer;
      border-radius: 3px;
      font-weight: bold;
    }

    /* Member News cards: make each card a full-height flex column and push the
       "Open link" button to the bottom, so buttons align across cards even when
       some cards omit location/date rows. */
    .grid > .card {
      display: flex;
      flex-direction: column;
      height: 100%;
    }
    .grid > .card > .card-header {
      flex: 1 1 auto;
      height: auto;
      justify-content: flex-start;
    }
    .grid > .card > .card-header > .col-6 {
      margin-top: auto;
      width: 100%;
    }

    /* Coalition News cards (image header + button in card-body): keep the image
       header a fixed height and push the "Read more" button to the bottom of the
       body so buttons align across cards with different title lengths. */
    .grid > .card.u-repeater-item-2 > .card-header {
      flex: 0 0 auto;
      height: 250px;
      justify-content: center;
    }
    .grid > .card.u-repeater-item-2 > .card-body {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
    }
    .grid > .card.u-repeater-item-2 > .card-body > .btn {
      width: auto;
      align-self: flex-start;
    }

    .bg1 {
      background-image: url('../images/image/news-1-nt.jpg'); /* replace with actual image path */
    }
  
    .bg2 {
      background-image: url('../images/image/news-2-nt.jpg'); /* replace with actual image path */
    }

    .bg3 {
      background-image: url('../images/image/news-3-nt.jpg'); /* replace with actual image path */
    }
  .bg4-event {
      background-image: url('../images/image/news-4.png'); /* replace with actual image path */
    }

   .bg4 {
      background-image: url('../images/image/news-4.jpg'); /* replace with actual image path */
    }





/*! CSS Used from: Embedded */
/*! @import https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap */
/*! CSS Used from: https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap */
/*! end @import */
*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;}
::before,::after{--tw-content:'';}
h2,h3{font-size:inherit;font-weight:inherit;}
button{font-family: soleil, "Helvetica Neue", Arial, sans-serif;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;}
button{text-transform:none;}
button{-webkit-appearance:button;background-color:transparent;background-image:none;}
h2,h3,p{margin:0;}
button{cursor:pointer;}
:disabled{cursor:default;}
svg{display:block;vertical-align:middle;}
*{border-color:var(--border);}
h2,h3{font-family: soleil, "Helvetica Neue", Arial, sans-serif;}
.container{width:100%;}
@media (min-width: 640px){
.container{max-width:640px;}
}
@media (min-width: 768px){
.container{max-width:768px;}
}
@media (min-width: 1024px){
.container{max-width:1024px;}
}
@media (min-width: 1280px){
.container{max-width:1280px;}
}
@media (min-width: 1536px){
.container{max-width:1536px;}
}
.mx-auto{margin-left:auto;margin-right:auto;}
.mb-16{margin-bottom:4rem;}
.mb-4{margin-bottom:1rem;}
.mb-6{margin-bottom:1.5rem;}
.inline-flex{display:inline-flex;}
.h-10{height:2.5rem;}
.h-16{height:4rem;}
.w-16{width:4rem;}
.max-w-2xl{max-width:42rem;}
.max-w-4xl{max-width:56rem;}
.items-center{align-items:center;}
.justify-center{justify-content:center;}
.gap-2{gap:0.5rem;}
.whitespace-nowrap{white-space:nowrap;}
.rounded-lg{border-radius:var(--radius);}
.rounded-md{border-radius:calc(var(--radius) - 2px);}
.border{border-width:1px;}
.border-2{border-width:2px;}
.border-dashed{border-style:dashed;}
.border-primary{border-color:var(--primary);}
.bg-background{background-color:var(--background);}
.bg-card{background-color:var(--card);}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));}
.p-12{padding:3rem;}
.px-4{padding-left:1rem;padding-right:1rem;}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
.py-20{padding-top:5rem;padding-bottom:5rem;}
.text-center{text-align:center;}
.text-2xl{font-size:1.5rem;line-height:2rem;}
.text-4xl{font-size:2.25rem;line-height:2.5rem;}
.text-sm{font-size:0.875rem;line-height:1.25rem;}
.text-xl{font-size:1.25rem;line-height:1.75rem;}
.font-bold{font-weight:700;}
.font-medium{font-weight:500;}
.text-card-foreground{color:var(--card-foreground);}
.text-muted-foreground{color:var(--muted-foreground);}
.text-primary{color:var(--primary);}
.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.ring-offset-background{--tw-ring-offset-color:var(--background);}
.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.hover\:bg-primary:hover{background-color:var(--primary);}
.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));}
.disabled\:pointer-events-none:disabled{pointer-events:none;}
.disabled\:opacity-50:disabled{opacity:0.5;}
@media (min-width: 768px){
.md\:text-5xl{font-size:3rem;line-height:1;}
}


.grid-two {
  display: grid;
  grid-template-columns: 2fr 1fr; /* First card is double width */
  gap: 20px;
  padding: 20px;
}

.card-a, .card-b {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Feature/Day cards: make each card a full-height flex column and let the body
   grow so the "Read More" button aligns to the bottom across both cards. */
.grid-two > .card-a, .grid-two > .card-b {
  display: flex;
  flex-direction: column;
}
.grid-two > .card-a > .card-body-a, .grid-two > .card-b > .card-body-b {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.grid-two > .card-a > .card-body-a > .btn:last-child,
.grid-two > .card-b > .card-body-b .text-center:last-child {
  margin-top: auto;
  align-self: center;
  width: auto;
}

.card-header-a, .card-header-b {
  position: relative;
  height: 250px;
  color: white;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-size: cover;
  background-position: center;
}

.year-box-a, .year-box-b {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #FF6600;
  color: white;
  font-weight: bold;
  padding: 5px 12px;
  font-size: 1.2em;
}

.card-header-a h2, .card-header-b h2 {
  font-size: 1.9em;
  font-weight: bold;
  margin: 0;
}

.card-header-a p, .card-header-b p {
  font-size: 0.9em;
  color: #FFA64D;
  margin: 8px 0 0;
}

/* Day card: let the title use the full card width and grow to fit,
   so it aligns with the lower text instead of overflowing the fixed header. */
.card-b .card-header-b {
  height: auto;
  min-height: 250px;
  justify-content: center;
  text-align: center;
  padding-top: 30px;
}

.card-b .card-header-b img {
  margin-top: 0;
}

.card-b .card-header-b h2 {
  width: 100%;
}

.card-body-a, .card-body-b {
  padding: 20px;
  text-align: center;
    
}

.card-body-a h3, .card-body-b h3 {
  margin: 10px 0;
  font-size: 1.1em;
}

.card-body-a p, .card-body-b p {
  color: #c08e60;
  font-size: 0.9em;
}

.card-body-a button, .card-body-b button {
  margin-top: 10px;
  padding: 10px 20px;
  background: #bd5400;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 3px;
  font-weight: bold;
}

.text-container {
  display: flex;
  justify-content: flex-start;
  text-align: left;
}

.text-container-left {

  justify-content: flex-start;
  text-align: left;
}

/* Restore list formatting for CMS-authored content.
   The global "ul { list-style:none }" reset in main.css strips bullets and
   indentation from every list site-wide, which collapses editor lists into
   plain run-on lines. Re-enable proper list styling inside content areas only. */
.text-container-left ul,
.text-container-left ol {
  margin: 0 0 1rem;
  padding-left: 1.5rem;
}

.text-container-left ul {
  list-style: disc;
}

.text-container-left ol {
  list-style: decimal;
}

.text-container-left li {
  margin-bottom: .35rem;
}

.bg5 {
  background-image: url('../images/image/ID-2.png');

/* Update with image path */
}




.pub-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  padding: 0px;
}

@media (max-width: 992px) {
  .pub-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 576px) {
  .pub-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.pub-card {
  background: #fff;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.pub-card:hover {
  transform: translateY(-5px);
}

/* Make the card link fill the card so bodies align */
.pub-card > a {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  text-decoration: none;
}

.pub-thumb {
  width: 200px;
  height: 250px;
  background-size: cover;
  background-position: center;
border: 1px #646060  solid;
	margin: auto;
  flex-shrink: 0;
}

.pub-body {
  padding: 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.pub-body h4 {
  font-size: 0.9rem;
  margin: 0 0 10px;
  font-weight: normal;
  /* Lock every title to the same height (4 lines) so cards in a row
     stay equal height regardless of how long the title is */
  line-height: 1.25;
  height: calc(1.25em * 4);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.pub-body p {
  font-size: 0.85em;
  color: #666;
}

/* Pin the organization + date block to the bottom of every card so the
   blocks line up across a row regardless of how long the title wraps */
.pub-body .pub-meta {
  margin-top: auto;
}

/* Reserve a FIXED space for the optional organization line so every card
   is the same height whether the org is empty, one line, or wraps to two */
.pub-body .pub-org {
  height: 2.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 8px;
}

/* Keep a fixed, equal gap between the organization line and the date */
.pub-body .pub-date {
  margin-top: 0;
  margin-bottom: 0;
}


.text-sand {
	color: #c08e60;
}








..card-header-a, .card-header-b {
  position: relative;
  overflow: visible;
}

/* Popup box */
.popup-hover {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 15px;
  width: 220px;
  background: #ffffff;
  color: #333;
  padding: 15px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 10;
  font-size: 0.9em;
}

/* Only show when hovering the image (header) */
.card-header-a:hover .popup-hover,
.card-header-b:hover .popup-hover {
  opacity: 1;
  visibility: visible;
}
/*
.modal-content {
    position: relative;
    display: flex
;margin: auto;
    flex-direction: column;
    width: 1300px!important;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}*/



    .card {
      border-radius: .75rem;
    }

    .table th {
      font-weight: 600;
      background-color: #f1f1f1;
    }

    .doc-link {
      text-decoration: none;
      font-weight: 500;
    }

    .doc-link:hover {
      text-decoration: underline;
    }




.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fefdfd!important;
    background-color: #483e33!important;
    border-color: var(--bs-nav-tabs-link-active-border-color)!important;
}


    .filter-menu {
		
      position: ;
      top: 1rem;
     
      background-color: #f6f4ed;;
   
      padding: 1rem;
    }
    .filter-section {
      background-color: #f3f4fa;
      padding: 1rem;
      margin-bottom: 1rem;
      border-radius: 0.75rem;
      font-weight: 600;
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      color: #21223f;
    }
    .publication-card {
      background-color: #f6f4ed;
      border-radius: 1rem;
      padding: 1.5rem;
      display: flex;
      gap: 1.5rem;
      margin-bottom: 1.5rem;
    }
    .publication-card img {
      width: 120px;
      height: auto;
      border-radius: 0.5rem;
    }
    .publication-card .badge {
      background-color: #5b58d6;
    }
.bg-transparent {
	background-color: rgba(0, 0, 0, 0.5)!important;
	padding: 7px;
	width: 50%;
}

    .meeting-item {
      padding: 1rem;
      border-radius: .5rem;
      cursor: pointer;
    }

    .meeting-item.active {
      background: linear-gradient(90deg, #f3ede6, #ffffff);
      font-weight: 600;
    }

    .meeting-date {
      font-size: 0.875rem;
      color: #6c757d;
    }

    .file-item {
      display: flex;
      align-items: center;
      padding: .5rem 0;
    }

    .file-item i {
      font-size: 1.1rem;
      margin-right: .75rem;
      color: #8a6d3b;
    }

    .section-title {
      font-weight: 600;
      margin-bottom: 1rem;
    }