/*header */
.header {
  position: absolute;
  display: inline-block;
  background-color: #efefef;
  color: #555 !important;
  font-size: 20px;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  transition: all 0.5s ease;
  }
  
  .header.fixed {
   color: #fff !important;
   position: fixed;
  }
  
  .header .brand-name{
   padding: 0 15px;
  }
  
  .header .brand-name a{
   text-decoration: none;
   font-size: 30px;
   color: #333;
   text-transform: uppercase;
   font-weight: 900;
   letter-spacing: 2px;
   transition: all 0.5s ease;
  }
  
  
  .header.fixed .brand-name a {
  color: #000000;
  }
  
  .header .nav-toggle {
   height: 40px;
   width: 34px;
   border: 1px solid #555;
   border-radius: 3px;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.5s ease;
   display: none;
  }
  
  .header.header.fixed .nav-toggle {
  border-color: #000000;
  }
  
  .header .nav-toggle span {
  height: 1px;
  display: block;
  width: 16px;
  background-color: #333;
  position: relative;
  transition: all 0.5s ease;
  
  }
  .header .nav-toggle span:before,
  .header .nav-toggle span:after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: 100%;
  background-color: #333;
  transition: all 0.5s ease;
  }
  .header.fixed .nav-toggle span,
  .header.fixed .nav-toggle span:before,
  .header.fixed .nav-toggle span:after{
  background-color: #333;
  
  }
  .header .nav-toggle span:before{
   transform: translateY(-6px);
  }
  .header .nav-toggle span:after{
   transform: translateY(6px);
  }
  
  
  .header .nav {
   padding: 0 15px;
  }
  
  .header .nav ul{
   list-style: none;
   margin: 0;
   padding: 0;
  }
  
  .header .nav ul li{
   display: inline-block;
   margin-left: 30px;
  }
  
  .header .nav ul li a{
   text-decoration: none;
   font-size: 16px;
   font-weight: 600;
   color: #333;
   padding: 25px 0;
   display: block;
   transition: all 0.5s ease;
  }
  .header.fixed .nav ul li a {
   color:#333;
  }
  
  .header.fixed .nav ul li a:hover,
  .header .nav ul li a:hover {
   color: #FF9800;
  }
  
  .header .brand-name a:hover{
   color: #FF9800;
  }
  .header ul li a:hover{
   color: #FF9800;
  }
  
  .main-article-title {
   font-size: 2em;
   font-weight: bold;

  }

  .main-article-category, author-naem:hover {
   color:rgba(0,0,0,0.4);
  }

  .main-article-category:hover, .main-article-title:hover,
  .author-name{ 
   text-decoration: underline;
  }




 
.copyright {
 padding-top: 10px;
 border-top: 1px solid #c5c5c5;
 padding: 30px 15px;
 text-align: center;
 color: #555555;
 font-size: 16px;
}