@import url("https://use.typekit.net/pga8sto.css");
:root {
--font-family-nexa: "nexa-text", sans-serif;
}
.bg-news-gradient {
  position: relative;
}
.bg-news-gradient::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1; 
background-color: hsla(0, 0%, 100%, 1);
background-image:
radial-gradient(at 24% 9%, hsla(288, 100%, 85%, 1) 0px, transparent 50%),
radial-gradient(at 90% 10%, hsla(207, 100%, 57%, 1) 0px, transparent 50%),
radial-gradient(at 12% 54%, hsla(59, 99%, 52%, 1) 0px, transparent 50%),
radial-gradient(at 80% 59%, hsla(106, 87%, 63%, 1) 0px, transparent 50%);

opacity: 0.4;  /* makes the whole background faint */
}


.newsSection .news-card img{
width:100%;
height: 216px;  
object-fit:cover;
border-radius: 8px;        
}
.news-card-img {
  position: relative;
  overflow: hidden; 
}

.news-card-img img {
  display: block;
  width: 100%;
  height: auto;
}
/*
.news-card-img::after {
  content: "";
  position: absolute;
  inset: 0; 
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius:8px;
}

.news-card-img:hover::after {
  opacity: 1;
}*/

/*######### news card over #########*/

.news-card .news-card-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
}
.news-card:hover .news-card-img::after {
  opacity: 1;
}
/*######### news card over #########*/

.newsSection .news-card .info, .newsSection .news-card .info{
margin: 6px 0 6px 0;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color:var(--color-first); 
text-decoration:none;
}   
.newsSection .news-card .title{
margin: 6px 0 6px 0;
font-family:var(--font-family-nexa);
font-size: 32px;
font-weight:600;
font-stretch: normal;
font-style: normal;
line-height: 1.34;
letter-spacing: normal;
color:var(--color-first);
text-decoration:none;
}  
.newsSection .news-card .read-more {
margin: 0 8px 0 0;
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: normal;
white-space: pre-line;
display:flex;
align-items:center;
color:#000;
width:fit-content;
text-decoration:underline;
}
.read-more-icon{
width: 16px;
height: 16px;
margin: 3px 0 3px 8px;
object-fit: contain;
display: flex;
}

.news-card:hover .title{text-decoration:underline;}
.news-card:hover .read-more, .news-card:hover .info a{text-decoration:none;}

.newsSection .news-card .title:hover{text-decoration:underline;}
.news-card .read-more:hover, .newsSection .news-card .info a{text-decoration:none}
news-card .btn:hover, .news-card .btn:active{border:none}
.newsSection .form-select{
height: 35px;
font-size:15px;
color:#000;
padding:5px 8px 6px 16px;
border-radius: 16px !important;
border: solid 2px !important;
border-color:#000 !important;
background-size: 16px 16px;
background-position: right .75rem top .6rem;
background-color: transparent;
}
.newsSection .form-select:focus{
border-color:#000 !important;
}

html[data-bs-theme="dark"] .newsSection .news-card img {
  filter: none;
}
html[data-bs-theme="dark"] .newsSection .form-select, [data-bs-theme="dark"] .newsSection .form-select:hover {
border-color:#fff !important;    
color:#fff;
}
html[data-bs-theme="dark"] .newsSection .news-card .read-more {color:#fff;}
html[data-bs-theme="dark"] .newsSection .n-icon path{stroke:#fff;}
.selected, .newsSection .form-select:hover {
background-color:var(--color-first) !important;
color:var(--color-dark) !important;
}

/* Light Mode Styles */

.form-select.selected, .newsSection .form-select:hover {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

[data-bs-theme="dark"] .form-select.selected, [data-bs-theme="dark"] .newsSection .form-select:hover  {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}


@media (min-width: 320px) and (max-width: 990px) {
.newsSection .news-card .info {margin: 5px 0 12px 0;}   
.newsSection .news-card .title{font-size:24px;margin: 12px 0 12px 0;}    
.newsSection .news-card img{height:auto;}    
.newsSection .form-select{height:40px;}
.newsSection .form-select{    
background-size: 20px 20px;
background-position: right .75rem top .5rem;}    
}