:root{
  --primary:#2b6cb0;
  --text:#111827;
  --bg:#ffffff;
    --mal:left; 
    --mbg:transparent; 
    --mfc:
  --font:'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6}
a{color:var(--primary);text-decoration:none}
header.site{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background-color:var(--hbg);flex-direction:column;z-index:1;}
header.site img{max-width:98%;}
header.site div{width:100%;}
.header_img{margin:0;}
.event-img{max-width:50%;}
a.header_link{display:block;margin:0;}
nav{width: 100%;
    text-align: var(--mal);
}

.slider .slide{max-height:350px;overflow:hidden;}
.sticky {
    position: fixed;
    left: 50%; 
  transform: translate(-50%);
    top: 0;
    flex-direction:row!important;
}
#fslider {
    position: relative;
   
}
#fslider div.img {
    position: fixed;
    top: 70px;
}
#fslider li.img img {
    max-width: 100%;
}
table.calendar {
    width: 100%;
    border: 1px solid #fff;
}
.calendar tr {
    display: flex
;
    justify-content: left;
}
.calendar th {
    border-right: 1px solid #fff;
    flex: 1;
    border-bottom: 1px solid #fff;
}
.calendar td {
    flex: 1;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-left: 2px;
    height: 118px;
}

ul.social-icon {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}
ul.social-icon li {
    display: inline-block;
}

nav a{margin-right:1rem;color:var(--mfc);background-color:var(--mbg);padding:5px 10px;}
.container{max-width:960px;margin:0 auto;}
.topheader{max-width:100%;margin:0 auto;}
.card{background:var(--cbg);border:1px solid #e5e7eb;border-radius:12px;padding:1rem;margin:1rem 0}
.muted{color:#D4D4D8;font-size:.9rem}
footer{border-top:1px solid #e5e7eb;margin-top:2rem;padding:1rem;color:#6b7280}
.btn{display:inline-block;padding:.6rem 1rem;border-radius:10px;border:1px solid #e5e7eb}
.btn.primary{background:var(--primary);color:#fff;border-color:transparent}
.grid{display:grid;gap:1rem}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.hero{padding:2rem 0}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.gallery img{width:100%;height:160px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}
#hideaform{display:none;}
iframe {
    max-width: 98%;
}
footer.container{text-align: center;}
.dropdown {
  position: relative;
  display: inline-block;
    border-color:black;
}
.newsimg{display: inline-block;
    width: 10%;}
.newsdata{display: inline-block;margin-left:15px;vertical-align: top;}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
 
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.6);
  padding: 12px 16px;
  z-index: 1;
}
.dropdown-content ul li a{color:#000;}
ul{list-style: none;}
.dropdown:hover .dropdown-content {
  display: block;
}

.adminarea label {
    display: inline-block;
    border: 1px solid black;
    padding: 5px;
    margin: 10px;