/*  HEADER, TAB, SEARCHBOX CSS */

body{
 margin:auto;
}


.feedsection{
	
	color:black;
background-color: rgb(235 244 243);
background-repeat:no-repeat;
	 position:;
     max-width:;
	width:100%;
  display: ;
font-family: ;
	align:center;
	align-items:center;
	 justify-content:center;
}
.profile_details{
background:green;
 border: 1px solid #fff;	
}
.profile_details summary{
display:flex;
	
}
.profile_name{
	color:white;
	margin:px;
	font-size:80%;
}
#logoutlink{
background:#800000;
	color:white;
	padding:1px;
	margin-bottom:8px;
}
.profile_pic{
 max-width:40px;
	
}
.site-header .profile_details {

}
.site-header a{
color:white;
font-weight:bold;
text-decoration:none;
}
.site-header { 
  position:sticky;
  margin:;
  top:0;
	 border-bottom: 1px solid #d3d3e8;
   
  background: #3c7bab;
	 background: linear-gradient(to bottom, hsl(231deg 38% 63%), hsl(231deg 3% 11%));
 
  width:100%;
  z-index:100;
}
.site-identity {
  float: left;
	margin:auto;
    text-align: center;
	
}
.site-identity .header_logo{
width: 30px;
	height:30px;
    float: left;
    border-radius: 10%;
    margin: 0 3px 0 0;
    display: inline-block;
	transform:translate(5%);
  
}
.site-identity a {
text-decoration: none;
 color:#fff;
 font-weight:bold;
   position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.langicon {
	background:red;
  max-width: 25px;
	margin-right:0;
  display: inline-block;
}
.nav{
background:re;
	
border: 1px solid #595c75;
	
}
.closemenu{
display: none;
margin-right:0px;	
 float:right;	
}
.openmenu {
  display: inline-block;
	 float:right;
}
.site-navigation {
display:none;
}
.site-navigation ul, .site-navigation li {
  margin: 0; 
  padding: 0;
}
.site-navigation li {
  display: inline-block;
  margin: 1.4em 1em 1em 1em;
}
Sidebar menu --> 
.wrapper .sidebar .profile{
    margin-bottom: 30px;
    text-align: center;
}
.values, .Xtot, input, select {
    color: black;
}
table, thead {
  
}
ul {
	list-style-type: none;
}
tr#searchdiv{
padding:15px;
	background-color:#fff;
	text-align:left;
	  color:#21619f;
	border-radius: 12px;
  box-shadow: 1px 1px 400px 100px #000000, 0px 0px inset;
 z-index: 1000;

  display: none; /* Hidden by default */
}
table.searchtb {
	  border-radius: 10px;
  	padding:1px;
}
.searchphrase{
color:#FF5722;
	
	 font-weight:bold;
		background:; 
	 }
.searchcontainer{
	margin:auto; 
		 margin-bottom:10px; 
	 box-shadow: 10px 5px #888888b3, 1px 2px 5px 1px #ddd inset; 
	
      border: solid darkgray 2px;
	  padding: 10px;
		 width:fit-content;
	border-radius: 20px; 
	  
	 }
.search_input{
		 border: solid darkgray 1px; 
		padding:4px;
	}
.icon{
max-width:30px;
	min-width:0px;	 
	 }
.suggestiondef{
color:black; 
height:80%; '
margin-left:15px;
}
.mainsection{

   background-color: #efedff00;
   background-attachment: scroll;
   position: sticky;
   background-size: auto;
  }
#hortabcontainer{
	background: #143d55;
      padding-bottom:1px;
	border-bottom:3px solid #fff;
	 width:98%;
	 margin:auto;
}
#nav2 {
      background: linear-gradient(to bottom, #c5cdf7, #143d55);
    padding:0px;
	margin-bottom:0px;
	border-bottom:0px solid #fff;
	border-top:0px solid #fff;
	
	
	margin:auto;
    }
#hortabcontainer ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  border-bottom:1px solid #fff;
  border-radius:20%;
  background: linear-gradient(to bottom, #a0acf4, #98fcfc);
  list-style: none;
  padding: 5px;
  margin: auto;
  width:90% ;
}
.nav-item {
	border: 1px solid white;
	flex: 1 1 auto; /* allow items to grow and shrink, basis auto */
	padding: 0.5rem 1rem;
	border-radius: 0.375rem;
	color: #ffffff;
	font-size: 1rem;
	font-weight: 500;
	background: #194c6a;
	text-decoration: none;
	transition: all 0.3s ease;
	text-align: center; /* center text inside each item */
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 100px; /* optional: ensures minimum clickable/tappable size */
	min-height: 50px;
	width: 300px;
}
.nav-item:hover {
      color: #e5e7eb;
		  background: #7cc2f9;
		 color: black;
		transform: scale(1.05);
		
    }
.nav-item.active {
		min-width: 198px;
		background: #ffffff;
		color: #2563eb;
		box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
		}
.progress-container {
  width: 100%;
  height: 3px;
  background:;
	display: inline-block;
	
}
.progress-bar {
  height: 3px;
  background: #05e291;
  width: 0%;
}
@media (min-width: 800px) {
.closemenu, .openmenu {
	display: none;

				}
nav.site-navigation{	
	  float: right;
   padding: 1px;
  margin-right:10px;
  display: inline-block;
	}
ul {
        gap: 1rem;
      }
}




/*  FOOTER CSS */

body{
 margin:auto;
}
]

.feedsection{
	
	color:black;
background-color: rgb(235 244 243);
background-repeat:no-repeat;
	 position:;
     max-width:;
	width:100%;
  display: ;
font-family: ;
	align:center;
	align-items:center;
	 justify-content:center;
}
Sidebar menu --> 
.wrapper .sidebar .profile{
    margin-bottom: 30px;
    text-align: center;
}
.site_footer {
	margin-top:10px;
 width:100%;
 background:#23273d;
 overflow:hidden;
}
.footerpageviews{
	color:white;
}
.footer_heading {
 color:white;
 
}
.footer_heading_line {
 color:white;
 width:70%;
 
}
.site_footer a {
  text-decoration: none;
 color:white;
 
  
}
.columns   , .footer_identity    {
 width: 100%;
	
             //  display:flex;
             overflow:hidden;
	margin: auto ;
	
               }
.footer_identity    {
              border: 1px solid #424347;
                }
.columns  {

  }
.columns div   { 
               width: 100%; 
 padding:5px;
          background-color:; /*  color that affects popup */
                
               }
.columns  ul   { 
margin:auto;
text-align:center;
}
.columns  ul li  { 
margin-bottom:15px;
 text-align:center;
}
.footer_identity #footerlogo {
  max-width: 90px;
  min-width:0px;
  float: left;
  margin: 5px;
  border: 2px solid #ffffff;
  border-radius: 60%;
  
}
.social_icon{
   width:30px;
	  height:30px;
    margin:auto;
	    margin-right:10px;
	  border-radius:50%;
    border: 3px solid #fff;
  }
.social_icon_group{
  width:100%;
margin:auto;
	padding-top:10px;
}
.social_icon_group div {
  
  justify-content:space-between;
  align:center;
display:inline-block;
  }
ul {
	list-style-type: none;
}
@media (min-width: 800px) {
#tocfimage, 
	div.columns, div.image_and_text{
		display:flex;
		
	}
ul {
        gap: 1rem;
      }
}