/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

@font-face {
  font-family: 'Roboto';   
  unicode-range: U+0000-007F; /* Basic Latin */
}

@font-face {
  font-family: 'Noto Serif Malayalam';  
  unicode-range: U+0D00–0D7F; /* Malayalam */
}


h1,
h2,
h3,
h4,
h5,
h6 { 
    line-height:26px;
  
    font-family: 'Roboto', 'Noto Serif Malayalam', sans-serif;
}


 html body { 
     font-family: 'Roboto', 'Noto Serif Malayalam', sans-serif;
     font-size: 14px;
    font-weight: 400; 
    -webkit-text-size-adjust: none; 
   /* overflow-x:hidden; */
}  

div.masonry2cols-content{
	 margin: 20px auto 0 auto;
	word-wrap: break-word; 
}
div.featured-posts-big-content p{
    float:none;
}

ul.featured-posts li h2{
    word-wrap: break-word; 
    overflow-wrap: break-word;     
    width: calc(100% - 30px);
    background: rgba(0, 0, 0, 0.7); 
    padding: 10px;
}
.entry-top{
    margin-top:20px;
}

.menu-bg-line{
    background-color: #313131;
}

div.featured-posts-big-content{
    margin-top: 20px;
}

#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title{
    margin-top: 15px;
}

.ant-responsive-menu>li>a>.arrow:before {
    float: right;
    margin: 0px -12px 0 5px !important;
    display: inline;
    font-size: 9px;
    height: auto;
    font-family: "Font Awesome 5 Free";
    content: "\f0c9";
    font-weight: 900;
    text-shadow: none;
    width: 10px;
    display: inline-block;
} 

.modal-content #searchform input{
    color: #000000 !important;
}

.modal-content #searchform input::placeholder{
    color: #000000 !important;
}

div.article-meta-data h1{
  line-height: 1.6;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-top: 0px;
  /* font-size: 1.1em;*/

}
ul.featured-posts-small .an-widget-title h3{
    white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;

}


 h1.article-title {
        font-size: clamp(1em, 2vw, 1.4em);


    }

ul.masonry3cols li{
    padding-bottom: 60px;
}

ul.modern-home-list-posts .an-widget-title h2{
    word-wrap: break-word;
  overflow-wrap: break-word;
}

div.masonry2cols-content p{
    float: none;
}

div.home-module-2cols-widget h4.title-widget-vertical {
    margin-left: -170px !important;
}

.home-content{
    border:none;
}
.home-content .entry{
    display: none;
}
ul.modern-home-list-posts li img{
    margin-left: 45px;
}

.masonry2cols-content .home-module-boxnumber{
    display: none;
}
.home-module-2cols-widget .home-module-2cols-widget-list-boxnumber{
    display: none;
} 

.jetpack-subscribe-floating-button{
    bottom: 50px;
}

@media only screen and (max-width: 349px) {
  .logo {
    max-height: 40px;
    margin-top: 10px;
  }
}


@media only screen and (min-width: 409px) and (max-width: 479px) {
  .logo {
    max-height: 55px;
    margin-top: 10px;
  }
}

ul.featured-posts li h2 a{
    display: block;
    max-width: 190px;
}

ul.featured-posts li div.inner-cell{
    padding: 0px 10px 0px 10px;
}
ul.article_list li img{
    margin-right: 0px;
}
ul.article_list li{
    display: flex;
    gap:15px;
}
ul.article_list li div.an-widget-title{
    margin: 0px !important;
    display: block;
    /*width: calc(100% - 105px);*/
    width: 100%;
}