/*
Small	sm	≥576px
Medium	md	≥768px
Large	lg	≥992px
Extra large	xl	≥1200px
Extra extra large	xxl	≥1400px
*//* Base Styles */
*,*:after,*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { box-sizing: border-box; font-size: 62.5%; text-rendering: optimizeLegibility; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { color: #231F20; font-family: 'Roboto',sans-serif; font-size: 1.7em; line-height: 1.6; font-weight: 400; }
body.page-template-homepage { background: #fff }
/*WP*/
.topbg { position: absolute; width: 100%; }
.sr-only,.sr-only-focusable:not(:focus):not(:focus-within) { position: absolute!important; width: .01rem!important; height: .01rem!important; padding: 0!important; margin: -.01rem!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
body.admin-bar #wpadminbar { position: fixed !important }
li#wp-admin-bar-wp-logo { display: none !important }
#wp-admin-bar-my-account .ab-item { font-size: 0 !important; }
#wp-admin-bar-my-account .ab-sub-wrapper .ab-item { font-size: inherit !important; }
html li#wp-admin-bar-epc_purge_menu { display: none !important }
a.lwa-links-remember,form.lwa-remember { display: none !important; }
/* Screen Reader Text ------------------------ */
.accessible_elem {
  clip:rect(.01rem .01rem .01rem .01rem);/* IE 6/7 */
  clip:rect(.01rem,.01rem,.01rem,.01rem);height:.01rem;overflow:hidden;position:absolute;word-wrap:normal !important;word-break:normal;white-space:nowrap;/* added line */
  width:.01rem;
}
.accessible_elem:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 1.6rem; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 1.5rem 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
/* Skip Link --------------------------------- */
.skip a { position: absolute; left: -10000px; top: auto; width: .01rem; height: .01rem; overflow: hidden; }
.skip a:focus { position: static; width: auto; height: auto; }
.gotohome { cursor: pointer }
/*Structure*/
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl,.row { --bs-gutter-x: 1.6rem; }
.row>* { padding-right: calc(var(--bs-gutter-x) * 0.667); padding-left: calc(var(--bs-gutter-x) * 0.667); }
.wrapper { display: block; position: relative }
main { display: block; clear: both; }
@media (min-width:992px) {
  main { display: block; clear: both; }
}
main.home-page { padding: 0 }
#container { position: relative; display: block; clear: both }
@media (max-width:861px) {
  #container {   }
}
#wrap { display: block; background: transparent; min-height: 100%; height: auto !important; }
#content { margin-top: 0px; margin-bottom: 3rem; }
.container:after,.row:after { content: ""; display: table; clear: both; }
.container { margin-left: auto; margin-right: auto; width: 100%; max-width: 97% }
@media (min-width:1400px) {
  .container { max-width: 1366px; }
}
.container.full-width { max-width: 100% }
@media (max-width:1200px) {
  .col-md-3.leftside,.col-md-9.rightside { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
/*bootstrap table*/
html .table-sm>:not(caption)>*>* { padding: .5rem 1rem; }
html table.meetings td i { font-size: 2rem }
/*Potarea*/
.postarea { padding-top: 2rem }
.postarea article { padding: 2rem 0; min-height: 65rem; position: relative; display: block; }
@media (max-width:890px) {
  .postarea article { margin-top: 1.5rem; min-height: 55rem; }
}
.page-content img,.page-content a img { padding: .1rem !important; background-color: #FFFFFF; border: .1rem solid #EEEEEE; }
/*page content*/
.page-content ul,.page-content ol { padding-left: 2rem; margin-bottom: 1.5rem }
.page-content ul ul,.page-content ol ol,.page-content ol ul,.page-content ul ol { margin-bottom: 0; }
.page-content ul ul li,.page-content ol ol li { list-style: circle }
.page-content li { list-style-position: outside; }
.page-content .article-text li { margin-bottom: 10px; }
strong.orange { color: #CC6600; }
.page-content dl { float: left; margin: 0; padding: 0 0 2em; clear: left; width: 70% }
.page-content dl .page-content #gallery-1 dl { float: left; margin: 0; padding: 0 0 2em; width: 25%; }
.page-content dl dt { clear: left; float: left; margin: 0 1.5rem 0 0; padding: 3px 0 0; width: 180px; }
.page-content dl dd { margin: 0 0 0 195px; padding: 3px 0 0; width: 60%; }
.page-content dl dt em { font-size: 11px; }
.page-content #gallery-1 a img { border: .01rem solid #CFCFCF; padding: 5px; margin-right: 10px; background-color: #F5F5F5; }
.page-content #gallery-1 img { border: .01rem solid #CFCFCF; padding: 5px; margin-right: 10px; background-color: #F5F5F5; }
/* Typography */
/* headings Base styles */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { margin-top: 0; font-weight: 500; letter-spacing: normal; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.2rem; color: #204822}
h4,h5,h6,.h4,.h5,.h6 { font-weight: 400; }
.h1,h1 { font-size: 4rem;  }
.h2,h2 { font-size: 3rem;  }
.h3,h3 { font-size: 2.4rem;}
.h4,h4 { font-size: 2.2rem; line-height: 1.4; }
.h5,h5 { font-size: 2rem;}
.h6,h6 { font-size: 1.8rem; }
/* Breakpoints */

.article_heading { margin-bottom: 0rem; margin-top: 3rem }
.article_heading h1 { margin-bottom: 0rem; font-weight: 500;  }
.section-title {  margin-bottom: 0px; font-weight: 400 }
.section-subtitle { font-size: 2.2rem; }
p { margin: 0 0 1.5rem; }
.libalert { display: block; position: relative }
.alert { margin-bottom: 0; padding: 1.5rem 0 0 }
@media (max-width:756px) {
  .alert { padding-right: 3.8rem; }
}
.alert-dismissible .close { padding: .5rem 1rem; background: rgba(0,0,0,0.3); font-size: 2rem; }
/*Breadcrumb*/
.ionic-breadcrumb { padding: .3rem 0; background: #EEF1F9; border-bottom: 1px solid white; border-top: 1px solid white; display: none}
.ionic-breadcrumb a { color: #000 }
.ionic-breadcrumb span { display: inline-block; padding: 0 .2rem }
/* Links */
a { color: #0E74B2; }
a:hover { color: #930e53; text-decoration: none; }
a img { border: none; line-height: 0; }
.disabled1 a:first-child,a.disabled { pointer-events: none; }
/* Lists */
ol,ul { padding-left: 0; margin-top: 0; }
li { margin-bottom: 0 }
ol { margin-bottom: 20px; }
ol li { list-style: decimal; margin-bottom: 5px; list-style-position: inside }
ul.listcol { float: left; width: 49% }
ul { list-style: circle inside; margin-bottom: 10px; }
ul li { list-style: disc; list-style-position:outside; margin-left: 2rem }
ul.columns2 { -webkit-columns: 2; -moz-columns: 2; columns: 2; line-height: 26px; margin-top: 1.5rem; }
ul.columns3 { -webkit-columns: 3; -moz-columns: 3; columns: 3; line-height: 26px; margin-top: 1.5rem; }
ul.columns4 { -webkit-columns: 4; -moz-columns: 4; columns: 4; line-height: 26px; margin-top: 1.5rem; }
@media (max-width:1072px) {
  ul.columns4 { -webkit-columns: 3; -moz-columns: 3; columns: 3; }
}
@media (max-width:820px) {
  ul.columns3 { -webkit-columns: 2; -moz-columns: 2; columns: 2; }
  ul.columns4 { -webkit-columns: 2; -moz-columns: 2; columns: 2; }
}
@media (max-width:400px) {
  ul.columns2,ul.columns3,ul.columns4 { -webkit-columns: 1; -moz-columns: 1; columns: 1; }
}
li::marker { margin-right: .5rem }
/* Style for the first level */
ol.rad-list { margin-left: 0rem; padding-left: 1rem }
ol.rad-list ol,ol.rad-list ol ol { margin-left: 4rem; padding-left: 0; }
ol.rad-list ol ol { margin-left: 2rem; padding-left: 0; }
ol.rad-list li { list-style-type: upper-roman; list-style-position: inside; }
/* Style for the second level */
ol.rad-list ol li { list-style-type: upper-alpha; }
/* Style for the third level */
ol.rad-list ol ol li { list-style-type: decimal; }
/* Line Breaks */
hr { padding-top: 1rem; margin-bottom: 2rem; margin-top: 0; border-width: 0; border-bottom: .01rem solid #1A1A1A; box-sizing: content-box; ; display: block; overflow: hidden; clear: both }
/* Library colors Colors */
/*colors*/
.bgc1 { background-color: #204822; color: #fff }
.bgc1 a { color: #fff }
.bgc2 { background-color: #E1EBE2; color: #1A1A1A }
.bgc2 a { color: #1A1A1A }
.bgc3{background:#FAFBF3}

/* utilities */
b,strong { font-weight: 600; }
.divider-orange { width: 100%; display: block; height: .5rem; background: #FDCE8F; margin: 4rem 0 }
.divider-yellow { width: 100%; display: block; height: .5rem; background: #EEB71C; margin: 4rem 0 }
.divider-blue { width: 100%; display: block; height: .5rem; background: #CBDFFA; margin: 4rem 0 }
.tbody,td,tfoot,th,thead,tr { vertical-align: middle }
td img,tr img { margin-bottom: 0 !important }
.dp{padding: 6rem 0}
/*Buttons*/
html .btn a { text-decoration: none }
html .btn { font-size: 1.8rem; padding: 1.5rem 2rem; border: 0 !important; font-weight: 500; line-height: 1; height: unset; border-radius: 3rem }
html .btn-primary,html .btn-primary a { background: #0a491d; color: #fff; height: unset }
html .btn-primary:hover,html .btn-primary a:hover,.btn-primary:focus { background: #297941 !important; color: #fff !important; text-shadow: none }
html .btn-secondary,html .btn-secondary a { background: #FADE70; color: #1A1A1A }
html .btn-secondary:hover,html .btn-secondary a:hover { background: #1A1A1A !important; color: #fff !important }
html .btn-tertiary,html .btn-tertiary a { background: #fff; color: #1A1A1A; }
html .btn-tertiary i { font-weight: bold }
html .btn-tertiary:hover,html .btn-tertiary a:hover { background: #1A1A1A !important; color: #fff; text-decoration: none; }
.btn-grey { background: #657D8C; color: #fff }
.btn-grey:hover { background: #4C6676; }
html .btn img { margin-bottom: 0 !important }
html .btn-search,html .btn-search a { background: #CFEADD; color: #1A1A1A !important; }
html .btn-search i { font-weight: bold }
html .btn-search:hover,html .btn-search a:hover,html .btn-search:focus { background: #64C195; color: #fff; text-decoration: none; }
/**** Header ****/
/*Header*/
.site-header { width: 100%; height: auto; position: relative; z-index: 100; padding: 2rem 0 2rem 0; }
.header-contents { position: relative; display: block }
.site-header p { margin: 0 }
/*Logo*/
.site-header img.logo { height: auto; max-width:30rem; width: 100% }
/*search form*/
.searchform { display: inline-block; border-radius: 3rem; background: #CF3C61; padding: .86rem; height: 4.65rem; }
.searchform input { border: none; border-radius: 3rem; padding-left: 1rem; width: 24rem }
.searchform .search-submit { border: none; background: none; color: #fff }
@media (max-width:679px) {
  .searchform { margin-top: 2rem }
}
@media (max-width:361px) {
  .memberlogin { margin-top: 2rem }
}
@media (max-width:322px) {
  .searchform input { border: none; border-radius: 3rem; padding-left: 1rem; width: 23rem }
}
/* Ionic Menu Styles */
#menu-wrapper { width: 100%; background: #0a491d; display: block }
.ionic-menu { position: relative; padding: 0px; display: block !important; width: 100%; z-index:99 }
.ionic-menu li.menu-item:not(.menu-item-home) i { margin-right: 0.6rem; }
.ionic-menu ul.menu { margin: 0; padding: 0; list-style: none !important; display: block; width: 100%; float: left }
.ionic-menu ul li { position: relative; z-index: 999; list-style: none !important; display: block }
.ionic-menu ul li a { display: inline-block; text-decoration: none; font-weight: 500; color: #fff; font-size: 1.8rem; padding: 1.2rem 1rem; text-transform: uppercase }
.ionic-menu ul ul a { font-size: 1.7rem; display: block }
.ionic-menu ul li a:hover,.ionic-menu .current_page_item > a:first-child { color: #ffffff; background-color: #052B11; }
.mobile-menu-btn { display: none; height: 40px; margin: 0; border: none; font-size: 1.8rem; padding: 0 .8rem; color: #fff; text-align: left; font-weight: 500; position: relative; background: #000 }
.mobile-menu-btn:hover { display: none; height: 40px; margin: 0; border: none; font-size: 1.8rem; padding: 0 .8rem; color: #fff; text-align: left; font-weight: 500; position: relative; background: #000 }
.mobile-menu-btn .fa-2x { font-size: 1.9rem; margin-right: .5rem }
.mobile-menu-btn::after { content: "\f078"; font-family: 'FontAwesome'; position: absolute; right: 1.5rem; top: .4rem; font-weight: bold; display: none }
.mobile-menu-btn.menu-oppened::after { content: "\f077"; }
.ionic-menu ul li.donate a { background: #FAD5CB; color: #1A1A1A }
.ionic-menu ul li.donate a:hover,.ionic-menu .current_page_item ul li.donate a:first-child { background: #FAD5CB; color: #1A1A1A }
/*Open icon*/
.ionic-menu ul li .openmenus { width: 3rem; display: inline-block; vertical-align: middle; cursor: pointer; background: #0B394B; top: .4rem; right: 0; font-family: 'FontAwesome'; text-align: center; line-height: 3rem; border: 0; color: #fff; height: 3rem }
@media (max-width:991px) {
  .mobile-menu-btn { display: inline-block!important; margin-top: 0rem; }
  .ionic-menu ul.menu { display: none; padding: 1rem 0 }
  .ionic-menu ul li a { width: 100%; height: 100%; }
  .ionic-menu ul li.menu-item-has-children a { width: 90% }
  .ionic-menu ul li .openmenus { width: 10% }
  .ionic-menu ul li .openmenus::before { content: "\f107"; }
  .ionic-menu ul li .openmenus.clicked::before { content: "\f106"; }
  .ionic-menu ul li ul { display: none; padding-left: 10px; }
  .ionic-menu ul li { border-bottom: solid .01rem  #303030; text-align: left }
  .ionic-menu ul li li { border-bottom: solid 0px #ccc; }
  .ionic-menu ul ul a { padding-left: 1rem; display: inline-block }
  html .ionic-menu .visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) { width: unset; height: unset; padding: unset; margin: unset; overflow: unset; clip: unset; white-space: unset; border: unset; position: relative !important; }
}
/* Menu Styles Min 992px */
@media (min-width:992px) {
  .ionic-menu ul li a { overflow: hidden; display: flex; align-items: center; justify-content: center; height: 100% }
  #menu-wrapper.stuck { top: 0; position: fixed; width: 100%; max-width: 100%; visibility: visible; animation-delay: 0.1s; animation-name: fadeInDown; }
  nav.navigation { flex-wrap: nowrap; justify-content: flex-start }
  .ionic-menu ul.menu { display: flex !important; padding: 0px; justify-content: space-between !important; flex-direction: row }
  .ionic-menu ul li { text-align: center }
  .ionic-menu li.menu-item i { margin-right: 0; display: block; }
  .ionic-menu li.menu-item-home a { padding: .8rem 1rem; }
  .ionic-menu ul li .openmenus::before { content: "\f0d7"; }
  .ionic-menu ul li .openmenus.clicked::before { content: "\f0d8"; }
  .ionic-menu ul ul.sub-menu { padding: 0; background: #BAE5FB; position: absolute; margin: 0; left: 0; top: 100%; border: solid .01rem #1A1A1A; width: 24rem; display: none; z-index: 1 }
  .ionic-menu ul li .openmenus.clicked { background: #ccc; color: #1A1A1A; }
}
@media (min-width:992px) and (max-width:1348px) {
  .ionic-menu ul li a { flex-direction: column }
  .ionic-menu li.menu-item:not(.menu-item-home) i { margin-right: 0; }
}
/* ionic menu ends*/
/* Content */
/*home*/
.home-top { display: block; margin-top: 2rem }
/*Featured  top*/
.featured { box-shadow: 0 2px 5px 0 rgb(0 0 0/16%),0 2px 10px 0 rgb(0 0 0/12%); }
.featured h2 { font-size: 2.1rem; font-weight: 500 }
/*Help Links*/
.helplinks { display: block; background: #F7F7F7; box-shadow: 0 2px 5px 0 rgb(0 0 0/16%),0 2px 10px 0 rgb(0 0 0/12%); }
.helplinks h2 { display: block; background: #EEB71C; padding: 1rem; color: #000; font-size: 1.9rem; font-weight: 500 }
.helplinks ul { padding: 0rem 1rem 1rem; list-style: none; font-weight: 500 }
.helplinks ul li { list-style: none }
.helplinks ul li a { display: block; padding: .5rem 1rem }
/*Accordions*/
.collapsing { transition: height 0.6s; }
.accordion { display: block; overflow: hidden; padding: 3rem 0; width: 100% }
.accordion-wrap { margin: 2rem 0 }
.accordion-wrap .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 2rem 1.25rem 1.25rem; background: #fff }
.accordion-wrap .card-header { transition: none !important }
.collapseone a { font-size: 1.6rem; font-weight: 500; transition: none !important; text-decoration: none; color: #000; position: relative; line-height: 1.4; padding-right: 5rem; min-height: 4rem }
@media (min-width:768px) {
  .collapseone a { font-size: 1.6rem; }
}
.collapseone a::after { font-family: 'FontAwesome'; position: absolute; right: 1rem; font-weight: bold; background: white; border-radius: 100%; width: 3.5rem; height: 3.5rem; text-align: center; top: 50%; transform: translateY(-50%); font-size: 2.5rem }
.collapseone a::after { content: "\f107"; }
.collapseone a[aria-expanded="true"]:after { content: "\f106"; }
.accordion-wrap .card { margin-bottom: .5rem; border: .01rem solid #ccc; border-radius: 0 }
.accordion-wrap .card.active { border: .01rem solid #9D9D9D !important; }
.accordion-expand-all .collapse:not(.show) { display: block !important; }
.accordion-wrap .card-single { background: #F7F7F8; padding: 1.5rem; border: .01rem solid #ccc }
.accordion-wrap .card-single h2 { font-size: 1.9rem; font-weight: 500 }
.accordion-wrap .card-header { border-bottom: none; background: #F7F7F7 }
.accordion-wrap .card-header img { transition: transform .2s ease-in-out; }
.accordion-wrap .card-header:hover img { transform: rotate(15deg); }
.accordion-wrap .card-header:hover,.accordion-wrap .card-header.active-acc { background: #E5E5E5; transition: none !important }
.card-link { display: flex; flex-wrap: nowrap; }
.tab-icon { display: inline-flex; margin: 0 0rem 0 1rem; width: 5rem; height: 5rem; border-radius: 100%; background: white; border: .01rem solid #F1F0F1; justify-content: center; align-items: center; padding: .8rem }
.circle-icon { display: flex; justify-content: center; align-items: center; width: 8rem; height: 8rem; margin: 0 auto 1rem; border-radius: 100%; background: white; padding: .8rem; border: .01rem solid #F1F0F1 }
.circle-icon:not(img[src=".png"]):not(img[src=".jpg"]) { max-width: 90%; }
html .tab-icon img,html .circle-icon  img { padding: 0 !important; border: 0 !important; background: none !important }
@media (max-width:465px) {
  .tab-icon { width: 4rem; height: 4rem; margin: 0 0rem 0 .5rem; }
}
/*images*/
img { max-width: 100%; height: auto }
img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; }
img.alignnone { padding: 0px; margin: 0px 0px 10px 0px; display: inline; }
img.alignright { padding: 0px; margin: 0px 0px 10px 1.5rem; display: inline; }
img.alignleft { padding: 0px; margin: 0px 1.5rem 10px 0px; display: inline; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.alignright { float: right; margin: 0px 0px 10px 1.5rem; }
.alignleft { float: left; margin: 0px 1.5rem 10px 0px; }
.wp-caption { border: .01rem solid #DDDDDD; text-align: center; background-color: #F7F7F7; padding: .3rem; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0px; padding: 0px; border: 0px; }
.wp-caption p.wp-caption-text { margin: 0px; padding: 0px 0px 0px 0px; font-size: 1.5rem; font-weight: normal; }
.wp-caption-text { font-size: 1.5rem; line-height: 1.2; margin-top: 0rem }
.img-frame { float: left; margin-right: 2rem }
@media only screen and (max-width:1024px) {
  .alignleft,.alignright { max-width: 400px }
}
@media only screen and (max-width:800px) {
  .alignleft,.alignright { max-width: 300px }
}
@media only screen and (max-width:615px) {
  .alignleft,.alignright { max-width: 100%; width: 100%; display: block; float: none; margin: 0 0 1.5rem !important; }
}
/**
 * 12.2 - Galleries
 */.gallery { margin: 0 -1.1666667% 1.75em; }
.gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-1 .gallery-item { max-width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-icon img { margin: 0 auto; }
.gallery-caption { color: #000; display: block; font-size:1.4rem; font-style: italic; line-height: 1.6153846154; padding-top: 0; }
.gallery-columns-6 .gallery-caption,.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption { display: none; }
/*Block Editor*/
.block-editor { display: block; overflow: hidden; margin-top: 2rem }
/*Page Navigation*/
.page-nav { display: block; margin-top: 4rem }
.page-nav .page-numbers { font-size: 1.7rem; padding: .5rem; border: solid .01rem #ccc; margin-right: .5rem }

/* Style for arrow icons */
.round-btn i { font-size: 20px; }
.prev-btn { left: 0px; }
.next-btn { right: 0px; }
.prev-btn[disabled],.next-btn[disabled] {
  opacity:0.5;/* Reduced opacity when disabled */
  cursor:not-allowed;/* Change cursor to indicate disabled state */
  
}




/*Quick Links - buttons*/
.quick-links { display: block; padding-top: 0; margin-top: 5rem }
.quick-link { background-size: 100%; background-repeat: no-repeat; color: #000; font-size: 1.8rem; font-weight: 500; padding: 0; text-align: center; position: relative; display: block; box-shadow: 0 2px 5px 0 rgb(0 0 0/16%),0 2px 10px 0 rgb(0 0 0/12%); border-radius: .5rem; padding-bottom: .5rem; overflow: hidden; text-decoration: none }
.quick-link img { margin-bottom: 1rem; border-bottom: .0rem solid #0099FF; display: block; width: 100% }
/*single*/
.content-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; }
.home-slider { padding: 0rem; position: relative; font-size: 2.4rem }
.home-slider h1 { font-weight: 600 }
@media (min-width:992px) {
  .home-slider .pe-lg-5 { padding-right: 12rem !important; }
}
.home-visit {font-size: 2.4rem }
/*buttons*/
.buttons-section { margin: 1rem 0 4rem }
.single-button { border-radius: 1rem; background: #fff; color: #fff; padding:1rem; text-decoration: none;}
.single-button img{margin-bottom: 1rem; display: block}
.single-button:hover {color:#0a491d; }
.single-button i { font-size: 5rem; margin-bottom: 1rem }
.single-button span { display: block; font-size: 1.8rem; font-weight: 500; }
/*Quick Links*/
.quick-links { display: block; padding-top: 0; margin-top: 5rem }
.quick-link { background-size: 100%; background-repeat: no-repeat; color: #000; font-size: 1.8rem; font-weight: 500; padding: 0; text-align: center; position: relative; display: block; box-shadow: 0 2px 5px 0 rgb(0 0 0/16%),0 2px 10px 0 rgb(0 0 0/12%); border-radius: .5rem; padding-bottom: .5rem; overflow: hidden; text-decoration: none }
.quick-link img { margin-bottom: 1rem; border-bottom: .0rem solid #0099FF; }
@media (min-width:992px) {
  .links-section .col-lg-2 { flex: 0 0 auto; width: 20%; }
}
/*Goal*/
.goal{font-size:2.4rem; color: #fff }
/*get involved*/
.involved h3{font-size:2.4rem; margin-bottom: 1rem }
.involved img{width: 100%; height: auto; margin: 0 auto; display: block}
.gi-contents{background: #EEF3EF; width: 100%; height: 100%; display: block;}

/*qustions*/
.questions{font-size: 2.4rem; font-weight: 600}
.qline-1{font-size: 2.4rem; font-weight: 600; color: #1F4822}
.questions h2{max-width:40rem; font-weight:600 }
.qtext{max-width:40rem;}
.social_icons { display: block; margin-top:2rem }
.social_icons a { text-decoration: none; color:#1F4822; margin-right: 1rem  }
.social_icons a:hover { color: #F08169 }
.social_icons a i { font-size: 4.5rem; vertical-align: sub }
/*blockquote*/

blockquote { position: relative; padding: 20px; font-size: 1.2em; line-height: 1.6; color: #555; background-color: #FFF9C2; border-left: 5px solid #BAE5FB; border-radius: 5px; margin: 20px 0; font-style: italic; display: inline-block; z-index: 1; /* Ensure blockquote content is on top */ }
blockquote:before {
  content:"\f10d";/* Font Awesome quote-left icon */
  font-family:"FontAwesome";/* Use FontAwesome as specified */
  font-weight:900;/* Use solid icon weight */
  font-size:3em;color:#ccc;position:absolute;left:10px;top:-10px;opacity:0.5;z-index:0;/* Place the icon behind the text */ 
}
blockquote p {margin:0;padding:0;position:relative;/* Ensure text maintains its flow */z-index:1;/* Ensure text stays above the icon */}

/*the preserve*/

.master-plan{background: url("../images/master-bg.png?ver=1e");background-position: center bottom; background-repeat: no-repeat; background-size: cover;padding: 5rem 2rem; text-align: center; font-size: 1.8rem; margin-top: 4rem; margin-bottom: 5rem}
.master-plan img{display: inline-block; max-width:7rem; margin-bottom: 2rem}
.master-plan h2{font-size:3.4rem; color: #204822; margin-bottom: 1rem}
.master-plan h3{font-size:2.6rem; font-weight: 500; color: #000 }
.the-commission{margin-bottom: 5rem}
.commission-purpose{background: #FAFBF3; padding: 5rem 0}
.box{background: #204822; color: #fff; padding: 3rem; padding-right: 8rem; border-radius: 2rem; position: relative; height: 100%}
.row-index{position: absolute; top: 2rem; right:3rem;font-size:2rem; font-weight: 600}
.plant{position: absolute; bottom: 2rem; right:2rem}

.board-members{margin-top: 5rem}
.single-member{background:#FAFBF3; padding: 3rem;box-shadow: 0 2px 5px 0 rgb(0 0 0/16%),0 2px 10px 0 rgb(0 0 0/12%); border-radius: 2rem }
.single-member h3{font-size:2rem; font-weight: 600 }
.member-photo{display: inline-block; width: 100%; max-width: 25rem; border-radius: 50%; overflow: hidden}
.member-photo img{width:100%; height:auto}
/*events*/

.events{padding: 5rem 0; margin-top: 5rem}
.events ul li {display: flex;align-items: center;margin-bottom: 10px;font-weight: 600}
.events ul li::before {content: '';background-image: url('../images/events-list.svg?ver=1e');background-repeat: no-repeat;background-position: center;background-size: contain;width: 30px;height: 35px;margin-right: 10px;flex-shrink: 0;}
/******************** Footer ********************/
.footer { width: 100%; display: block; padding: 2rem 0 0; overflow: hidden; position: relative; background: url("../images/footer-bg.svg?ver=1e");background-position: center bottom; background-repeat: no-repeat; background-size: cover; background-color:#204822; padding-top: 10rem }
.footer p { margin-bottom: 1rem }
.footer a { font-weight: 500; text-decoration: none; white-space: nowrap }
.footer a:hover { text-decoration: underline }

/*Signup*/
.volunteer {padding: 5rem 3rem; margin-top: 5rem; background: #EEF3EF}
/*Meetings*/
.meetings { margin-top: 5rem; }
.meetings  ul li {display: flex;align-items: center;margin-bottom: 10px;font-weight: 600}
.meetings  ul li::before {content: '';background-image: url('../images/events-list.svg?ver=1e');background-repeat: no-repeat;background-position: center;background-size: contain;width: 30px;height: 35px;margin-right: 10px;flex-shrink: 0;}

/*quform*/
.quform-button-back-default, .quform-button-next-default, .quform-button-submit-default{float: none !important; text-align: center}
.quform-element-submit button{display: inline-block !important; margin-right: 0; margin-top: 2rem !important; border: none !important; border-radius:2rem}
/*Trails*/
.trail1{background:#EEF3EF; padding: 5rem 0; margin-bottom: 5rem }
.trail2{}
.partners{}
.single-partner{width: 100%;height: 100%;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    border-radius: 1rem;
    background: #FAFBF3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#204822;
    text-decoration: none;
    padding: 2.2rem .4rem;
    overflow: hidden;
 font-size: 2.2rem; font-weight: bold;
}
.single-partner:hover{background:#204822;color:#FAFBF3;}
.section1{background: #FAFBF3; padding: 6rem 0; margin: 3rem 0 6rem}
.section2{}
.section3{background:#EEF3EF; padding: 6rem 0; margin: 3rem 0 6rem}
.section-photos img{display: block; position: relative; border-radius:1.2rem;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);} 
.section-photos a{color:#000; text-decoration:none}

.preserve{
    background: #FAFBF3;
    padding: 6rem 3rem;
    margin: 3rem 0 3rem;
}

/*gallery*/
.gallery{display: block; margin-top: 2rem; overflow: hidden}
a.single-gallery {
  display: block;
  height: 100%;
  color: #000;
  text-decoration: none;
  overflow: hidden;
position: relative;
 padding: 1rem;
 border: .1rem solid #ccc
	
}
a.single-gallery h2 {
  margin: 0rem;
 font-size: 2rem
}

a.single-gallery .image {
  display: block;
  width: 100%;
  height: auto;
 margin-bottom: 1rem
}

a.single-gallery .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: #0078BF;
}

a.single-gallery:hover .overlay {
  opacity: .6;
}