/* Styles for announcement.php and onenew.php */

    
        /* .alltime{display:none;} */
a:focus{ outline: none!important;box-shadow: none;border:2px solid transparent; }
#latest_year_months{ margin-top:10px;} 
#all_year { margin-top:10px;}
#ann_content{ margin:30px 0;}
#ann_filter_content{margin:30px 0;}

.filter-Content{
	padding:20px; 
	background:#F6F6F6;
	margin-bottom:20px;}
.filter-Content .form-control:disabled, .filter-Content .form-control[readonly] {
    background-color: #ffffff;
    opacity: 1;
    text-align: left;
    padding-left: 40px;
}
.filter-Content .form-control{
	    border: 1px solid #80BC26;
}
.filter-Content h6{margin: 0 0 10px 0;}
.input-icons i {position: absolute;}
.icon { 
	padding: 10px; 
	color: #ef1f23; 
	min-width: 50px; 
	text-align: center; 
} 
.filter-Content .btn-default {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 6px 32px !important;
    transition: 0.5s;
    margin: 10px;
    color: #fff;
    background: #ef1f23;
    width:100%;
}

.filter-Content .btn-default:hover {
    background: #fff;
    color: #ef1f23;
    border: 2px solid #ef1f23;
}

.announcement_container{margin-bottom:30px;}
.announcement_display{ padding:20px 0; }
.announcement_display span{
	font-style: italic;
	line-height:2;
	color:#ef1f23;
	font-weight:600;
}
.announcement_display span a{
	font-weight:normal;
}
.announcement_content a{color:#666666;}
.eventsodd_m{background:#EDF9F8;}
.filter-Content .btn-default{min-width: 0;}
.filter-Content .btn a{color:white;}


@media (max-width: 992px){
.submitSection {
    -webkit-box-flex: 0;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
}
}
.event:nth-of-type(odd) { background-color:white;border-bottom:1px solid #000;}
.event:nth-of-type(odd) span{color:#ef1f23;}
.event:nth-of-type(odd) a{color:#000;}  
.event:nth-of-type(even) {background-color:white;border-bottom:1px solid #000;}
.event:nth-of-type(even) span{color:#ef1f23;}
.event:nth-of-type(even) a{color:#000;}  
.tabfilter{
	padding:0;
}
.nav-item a{
/* 	font-size:16px; */
}
.nav-item a:hover{
	color:#000;
}
.nav-tabs .nav-item {
    margin-bottom: -1px;
    width: 50%;
    border: 1px solid #f4f4f4;
    margin: 0;
}


@media only screen and (max-width:700px){
.nav-tabs .nav-item {
	width: 100%;
}
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
	background-color: #000;
	border-color: #000 #000 #fff;
	color: #fff;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #ef1f23;
    border-color: #ef1f23 #ef1f23 #fff;
}

.tab-content>.active {
    display: block;
}

.datepicker--nav{
    background: #ef1f23;
}
.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px;
    color: #000;
    font-weight: bold;
}

.datepicker--nav-title i {
    font-style: normal;
    color: #000;
    margin-left: 5px;
}
.datepicker--nav-action:hover, .datepicker--nav-title:hover {
    background: white;
    color: #ef1f23;
}
.datepicker--nav-action:hover, .datepicker--nav-title:hover i {
    color: #ef1f23;
}
.datepicker--day-name{
	color: #000;
	font-weight: bold;
}
.datepicker--cell.-current- {
    color: #000;
    font-weight:bold;
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
    color: white;
    background: #ef1f23;
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-focus- {
    color: white;
    background: #ef1f23;
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current-.-focus-{
	color: white;
    background: #ef1f23;
}
.datepicker--nav-action path {
    fill: none;
    stroke: #000;
    stroke-width: 2px;
}

.multiselect-container{
	width: 100%;
	padding: 5px;
}
.multiselect-container>li>a>label {
    padding: 10px 0px;
}
.filter-Content .form-control{
	border: 1px solid #ef1f23;
    white-space: nowrap;
}
.dropdown-menu.show{
	max-height: 250px;
}

.multiselect{
	background: white;
    border: 0;
    padding:0;
    padding-left:5px;
}
.dropdown-toggle:after {
    display: none;;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.is-open .selection__list{
	min-height:240px;
}
input[type='checkbox']{
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #333;
/*   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); */
  padding: 8px;
  display: inline-block;
/*   position: relative; */
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}


input[type="checkbox"].onlinecheckbox + label {
    color: #ffffff;
}

input[type="checkbox"]:checked , input[type="checkbox"]::before{
     border-color: #333 !important;
     background-color: #FFF !important;
}

input[type="checkbox"]:checked , input[type="checkbox"]::before{
	 background: #FFF no-repeat center; 
	 background-size: 12px 12px; 
/* 	 background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); */
	background-image: url(../img/tick.png)
}

.multiselect-container>li>a>label>input[type=checkbox] {
    margin-bottom: 0!important;
}

.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(https://smallenvelop.com/wp-content/uploads/2014/08/Preloader_11.gif) center no-repeat #fff;
}

button.multiselect{display:none;}
.selection.is-open ._selection-list {
    min-height: 250px;
    overflow-x: hidden;
}
 input, select, textarea {
    width: auto;
}

.multiselect-container>li {
    padding: 5px;
}

.bgfo{background: #ffffff;}
._selection-label{color:#003635;}
.bt-sh {background: #003635;color:#DBEAFE;}
.bgtrap{background:transparent;}
.cta.primary {
    background-color: #003635;
    border-color: #003635;
}

.announcement-item {
    background-color: rgba(255, 255, 255, 0.08); /* Frosted/transparent overlay effect */
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    padding: 1.25rem 1.75rem;
    transition: background-color 0.2s ease, transform 0.15s ease;
    cursor: pointer;
    margin-bottom: 20px;
}
.announcement-item:hover {
    background-color: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.2);
    
}
.announcement-title {
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 0.4rem;
    letter-spacing: -0.2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.announcement-date {
    color: #9ca3af; /* Muted gray text color */
    font-size: 0.88rem;
    font-weight: 400;
    display: inline-block;
}
.announcement-item-link{border-top-width:0px!important}

._selection-label.category[title] {
/*     cursor: help; */
/*     text-decoration: underline dotted; */
}
 /* Default button style */
#loadMore {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #007bff; /* Blue background */
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease, opacity 0.3s ease;
}

/* Hover effect */
#loadMore:hover {
    background-color: #0056b3; /* Darker blue */
}

/* Disabled state */
#loadMore.disabled,
#loadMore:disabled {
    background-color: #ccc; /* Gray background */
    cursor: not-allowed;
    opacity: 0.7;
}
/* Ensure parents do not clip the absolute positioned dropdowns */
.filter-wrapper, 
.filter, 
.flex-grow,
.selection {
    overflow: visible !important;
}

.selection {
    cursor: pointer;
    font-weight: 600;
    padding-left: .75rem;
    padding-right: .75rem;
    border: 1px solid #f2f2f2;
    padding: 15px;
    position: relative;
    min-width: 0 !important;
}

/* Fix text overflow and overlap */
.selection ._selection-content {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}
.selection ._selection-label {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex-grow: 1 !important;
    min-width: 0 !important;
    padding-right: 8px !important;
    text-align: left !important;
}
.selection ._selection-arrow {
    flex-shrink: 0 !important;
}

._selection-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    background: white !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.375rem !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    max-height: 280px !important;
    height: auto !important;
    overflow-y: auto !important;
}
.selection.active ._selection-list,
._selection-list.active {
    display: block !important;
    height: auto !important;
    max-height: 280px !important;
    opacity: 1 !important;
    visibility: visible !important;
}
._selection-list-item {
    padding: 0.75rem 1rem !important;
    cursor: pointer !important;
    transition: background-color 0.2s !important;
    font-size: 0.875rem !important;
    text-align: left !important;
    display: block !important;
    color: #333 !important;
}
._selection-list-item:hover {
    background-color: #f3f4f6 !important;
}
._selection-list-item.year_selected {
    background-color: rgba(37, 57, 139, 0.1) !important;
    color: #003635 !important;
    font-weight: bold !important;
}
.selection button.multiselect {
    display: none !important;
}
.selection .multiselect-container {
    display: block !important;
    position: static !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    padding: 0.5rem 0 !important;
    margin: 0 !important;
    list-style-type: none !important;
}
.selection .multiselect-container > li {
    padding: 0.25rem 1rem !important;
    display: block !important;
}
.selection .multiselect-container > li > a {
    display: block !important;
    color: #333 !important;
    text-decoration: none !important;
}
.selection .multiselect-container > li > a > label {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    margin-bottom: 0 !important;
}

/* Hide theme's custom checkbox elements and force custom checkbox styling */
.selection .multiselect-container label::before,
.selection .multiselect-container label::after,
.selection .multiselect-container a::before,
.selection .multiselect-container a::after,
.selection .multiselect-container li::before,
.selection .multiselect-container li::after {
    display: none !important;
    content: none !important;
}
.selection .multiselect-container input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    visibility: visible !important;
    display: inline-block !important;
    position: relative !important;
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    cursor: pointer !important;
    outline: none !important;
    margin: 0 8px 0 0 !important;
    flex-shrink: 0 !important;
    pointer-events: auto !important;
}
.selection .multiselect-container input[type="checkbox"]:hover {
    border-color: #003635 !important;
}
.selection .multiselect-container input[type="checkbox"]:checked {
    background-color: #003635 !important;
    border-color: #003635 !important;
}
.selection .multiselect-container input[type="checkbox"]:checked::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 6px !important;
    top: 2px !important;
    width: 5px !important;
    height: 10px !important;
    border: solid white !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}
    :root {
            --bg-page: #dbe0e6;
            --card-dark: #003635;
            --accent-lime: #BEFA32;
        }

        .body-annoucemt {
            background-color: var(--bg-page);
        }

        /* Announcement Card Styling */
        .announcement-card {
            background-color: var(--card-dark);
            color: #ffffff;
            border: none;
            position: relative;
            min-height: 178px;
            /* Creates the cut top-right and angled bottom-right shape */
           clip-path: polygon(
    0 0,                                    /* Top-left corner (sharp) */
    100% 0,                                 /* Top-right corner (sharp) */
    100% calc(100% - 24px),                 /* Start of bottom-right cut */
    calc(100% - 24px) 100%,                 /* End of bottom-right cut */
    0 100%                                  /* Bottom-left corner (sharp) */
);
            padding: 22px 28px 30px 28px;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .announcement-card:hover {
            transform: translateY(-3px);
        }

        /* Bright Lime Bottom Border Stripe */
        .announcement-card::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 10px;
            background-color: var(--accent-lime);
        }

        .announcement-title {
            font-size: 1.15rem;
            font-weight: 700;
            margin-bottom: 4px;
            color: #ffffff;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .announcement-date {
            font-size: 0.8rem;
            color: rgba(255, 255, 255, 0.7);
            margin-bottom: 18px;
        }

        /* Read More Link with Lime Diamond Icon */
        .read-more-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: var(--accent-lime);
            font-family: 'GT Super Display', serif;
            font-style: italic;
            font-size: 0.95rem;
            text-decoration: none;
            cursor: pointer;
            transition: opacity 0.2s;
        }

        .read-more-link:hover {
            color: #ffffff;
        }

        .diamond-icon {
            width: 9px;
            height: 9px;
            background-color: var(--accent-lime);
            transform: rotate(45deg);
            display: inline-block;
        }

        /* Modal Customization */
        .modal-content {
            background-color: var(--card-dark);
            color: #ffffff;
            border: 1px solid rgba(191, 255, 0, 0.3);
        }
        .modal-header {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        .modal-footer {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

          .section-title {
            font-style: italic;
            font-weight: 600;
            color: #003635;
            font-size: 2rem;
            margin-bottom: 2rem;
        }
         .section-title span{ font-style: normal; font-weight:700}

          .p-90{padding-left:90px}