/* Remove the navbar's default margin-bottom and rounded borders */ 
*{
    font-family: 'Montserrat', sans-serif;
    list-style: none;
    text-decoration: none;

}
body{
background-color: #ecf5ff !important;
font-family: 'Montserrat', sans-serif;
}
.langchange{
  background-color:#21A570;
}
.navbar {
    margin-bottom: 0;
    border-radius: 0;
  }
 
  /* Set height of the grid so .sidenav can be 100% (adjust as needed) ecf5ff */
  .row.content {height: 450px}
  
  /* Set gray background color and 100% height */
  .sidenav {
    padding-top: 20px;
    background-color: #f1f1f1;
    height: 100%;
  }
.nav-item dropdown{
    background-color: #7C3611;
    color:black;
}

.maincontent{
  margin-top:100px;
  padding-top: 100px;
  background-color:#ecf5ff;
}

.maincontenttext{
  background-color:#7C3611;;
   color:white;
  
   font-size: medium;
   font-weight: bold;

}
  .menubg{
      background-color: #7C3611;
      
  }
  #myNavbar ul  li a {
      color: white;
      text-align: center;
  }
.headerImage{
    width:100%;
    background-image: 100% 100%;
}
  #myNavbar ul  li a:hover{
    background-color: whitesmoke;
    color:#7C3611;
   
    border: #7C3611 2px solid;
}
.gallery{
    width: 100%;
    height:150px;
    margin-top:1px;
    
}
.dropdown-menu{
    color:white;
    background-color: black;
}
.dropdown-menu a {
    
}
 .navbar-brand{
      font-weight: bolder;
      font-size: 25px;
      color:white;
  }
  .navbar-brand:hover{
    color:#7C3611;
    background-color:transparent;
  }
  
 
  /* Set black background color, white text and some padding */
  footer {
    background-color: #555;
    color: white;
    padding: 15px;
  }
  /*
  TABS CSS STARTS

  */

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color:black;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 14px 23px;
  transition: 0.3s;
  font-size: 17px;
  color:white;
  width: 50%;
  border:2px solid 999999
  
}

.sideMenuTop{
  color:white;
  border: 4px solid #999999;
  background-color: #360F00;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #59821f;
}
.tab button:focus{
  background-color: #59821f;
}
.tab button:focus-visible{
  background-color: #59821f;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #59821f;
  
}
.pngimage{
  margin-left: 2px;
  margin-bottom: -2px;
}
/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 2px solid #616F39;
  border-top: none;
  background-image: linear-gradient(#D11400, #360F00);
  height:270px;
 
  background-size: 100% 100%;
}

.newslinks{

 
  text-align: left;
  float:left;
  color:white;
 padding:12px;
 background-color: #3E432E !important;
 width:200px;
 

 margin-left:20px;
 margin-bottom: 10px;;

}
.newslinks>a:hover{
 
  border:2px solid white;
  color:royalblue;
}
  /* On small screens, set height to 'auto' for sidenav and grid */
  @media screen and (max-width: 767px) {
    .sidenav {
      height: auto;
      padding: 15px;
    }
    .row.content {height:auto;} 
  }
  @media screen and ( max-width: 575px){
    .maincontent{
      padding-top: 10px;
      margin-top: 10px;

    }
  }

.hrclass{
  color: #2A1607;
}

.newsupdate{

  padding-left: 0px;
  float:left;
}

.newsupdate a{
  color:#ECEFF0;
  text-align: left;
  text-justify: initial;
  text-decoration: underline;
  font-size: 16px;
  font-weight: bolder;
  margin-left: -20px;
}
hr.sectionborder1 {
  border: 1px solid red;
}
/*STARTING SECTION BELOW MAIN NOTICE */

.card {
  
  padding:5px;
 
}
.cardbutton{
  padding-left: 20px;
  padding-right:20px;
  margin-left: 60px;
  margin-bottom:15px;
  background-color: #230011;
  color:white;
  text-align: center;
}

.card-img-top img{
  width:100%;
 
}
.cardssection{
  background-color: #4A0700;
  border-bottom: 2px solid white !important;
  border-top: 2px solid white !important;
}
.cardssection h4{
  font-weight: bold;
  text-align: center;
  color:#FFF9F6
}
.cardImage{
  height: 100%;
  width:100%;
}
.emptyrow{
  height:50px;
  background-color: ;
}
/* END OF CARDS*/

/* Image gallery */

.templegalllery{

  border: 4px solid #132620;
  box-shadow: burlywood;
  background-color: #032C30;
  margin-bottom: 30px;
  padding-bottom: 60px;
  clip-path: polygon(0% 0%, 100% 1%, 100% 85%, 45% 100%, 0% 85%);

}
.templegalllery1{

  border: 4px solid #132620;
  box-shadow: burlywood;
  background-color: #032C30;
  margin-bottom: 30px;
  padding-bottom: 60px;
 

}
.templegalllery,templegalllery1 h4{
  text-align: center;
  font-weight: bolder;
  color:white;
}

/* add on section */
.footernavigation{
  background-color: #647E8B;
  height: auto;
 
clip-path: polygon(100% 0%, 100% 53%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}
.footernavigation ul li a {
    color:white;
    font-size: 15px;
    font-weight: bolder;
    text-align: right;
}
.footernavigation ul li a:hover {
  color:#3152BE;
  font-size: 20px;
  text-decoration: none;
  font-weight: bolder;
  text-align: right;
}
.footernavigation h4{
  color:#284162;
  font-weight: bolder;
  font-size: 30px;
  
  text-align: center;

}