.searchDiv { position: absolute; text-align: left; top: 100%; left: 0; width: 100%; background-color: #fff; z-index: 1000; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; animation: slide .3s forwards }
.searchDiv ul { border: 1px solid var(--bs-border-color); cursor: pointer; list-style: none; padding: 0; margin: 0; position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; border-bottom-left-radius: var(--bs-border-radius); border-bottom-right-radius: var(--bs-border-radius); overflow: hidden }
.searchDiv ul li { padding: .5rem 2rem .5rem 1rem; cursor: pointer }
.searchDiv ul li:hover { background-color: var(--theme-primary); color: #fff }
.blog-link { color: var(--theme-primary); transition: all .3s }
.blog-link:hover { color: var(--bs-gray-900) }
.dropdown-custom { position: relative; border-radius: var(--bs-border-radius-sm); cursor: pointer; border: 1px solid var(--theme-primary); }
.dropdown-custom ul { list-style: none; padding: 0; margin: 0; position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; border: 2px solid var(--theme-primary); border-bottom-left-radius: var(--bs-border-radius); border-bottom-right-radius: var(--bs-border-radius); overflow: hidden }
.dropdown-custom label,
.dropdown-custom ul li { padding: .5rem 2rem .5rem 1rem; cursor: pointer }
.dropdown-custom ul li { background-color: #fff; color: var(--theme-primary); transition: all .2s }
.dropdown-custom ul li:hover { background-color: var(--theme-primary); color: #fff }
.dropdown-custom::after { content: "\f078"; font-family: Fontawesome; color: inherit; position: absolute; top: .5rem; right: 1rem }
.yearDropdown li:first-child { pointer-events:none }
.blog-years-filter { display:flex; flex-wrap:wrap; gap:.5rem }
.blog-years-filter span { width:calc(50% - .5rem); text-align:center; display:flex; justify-content:center }
.blogmonth { width:120px; text-align:left }
.years-filter select,.years-filter span { border:2px solid var(--theme-primary); color:var(--theme-primary); padding:.25rem .5rem; border-radius:var(--bs-border-radius); transition:all .3s; cursor:pointer }
.years-filter span.active,.years-filter span:hover { background:var(--theme-primary); color:#fff }
.years-filter select { transition:all .3s }
.years-filter select:hover { background:#bfffba }
.nl-years-filter select,.nl-years-filter span { color:#fff; padding:.2rem .7rem; border-radius:var(--bs-border-radius); background:var(--theme-primary); transition:all .3s; margin:0 5px }
.nl-years-filter span.active,.nl-years-filter span:hover { background:#bfffba; color:var(--theme-primary) }
.nl-years-filter select { background:var(--theme-primary); color:rgba(255,255,255,.904); border-radius:100px; transition:all .3s; cursor:pointer }
.nl-years-filter select:hover { color:#fff }
.blog-years-filter { display:flex; flex-wrap:wrap; gap:.5rem }
.blog-years-filter span { width:calc(50% - .5rem); text-align:center; display:flex; justify-content:center }
.btn-theme-primary { background-color:var(--theme-primary)!important; color:#fff; transition:all .3s }
.btn-theme-primary:hover { background-color:var(--theme-primary-dark)!important; color:#fff }
.searchDiv.searchBox ul.SearchUl.finalSearchData li a { text-decoration:none; cursor:pointer; transition:.3s; -webkit-transition:.3s; color:inherit }