:root {
--primary:  #222222;
--secondary: #4db2ec;
--text: #222222;
--tint: #979eac;
}
body{
margin: 0px;
padding: 0px;
   font-size: 18px;
font-family: 'Source Sans 3', sans-serif;
background:#fff;
}
.wp-caption-text{
margin:2px !important;
}
.author a{
text-transform: capitalize;
color: #c91322;
font-weight: 700;
}
.container{
max-width: 1180px;
margin: 0 auto;
padding: 2px 5px;
background:#fff;
}
.flex{
display: flex;
flex-direction: row;
}
.col-4{
width: 25%;
}
.col-2{
width: 50%;
}
.col-3{
width: 75%;
}
.text_muted{
color: #000000;
font-weight: 500;
}
a{
outline: none;
color: var(--secondary);
text-decoration: none;
}
a:hover{
color: var(--primary) ;
}
#header{
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 2px solid var(--primary);
box-shadow: 0 7px 12px -10px rgba(0,0,0,.2); 
margin-bottom: 2px;
}
h1,h2,h3,h4,h5,h6{
margin: 0px;
font-weight:normal;
}
#header #menu ul{
padding: 0px;
list-style: none;
}
#header #menu ul ul{
position: absolute;
background: var(--primary) ;
display: none;
width: 200px;
border-radius: 5px;
z-index:9999999 ;
}
#header #menu ul ul li a{
display: block;
padding: 10px 20px;
width: 160px;   
color: #fff ;
font-size: 16px;
}
#header #menu ul li:hover ul{
display: block;
}
#header #menu ul li{
display: inline-block;
}
#header #menu ul li a{
display: block;
padding:5px 10px;
color: var(--text);
transition: color .3s ease;
font-size: 18px;
}
#header #menu ul > li > a:hover, #header #menu ul > li:hover >  a{
color: #f6374e;
}
#header #menu ul ul li a:hover{
color: #fff;
opacity: 0.8;
}
#header #menu ul ul li{
border-bottom: 1px solid #f1f1f1;
}
#header #menu ul ul li a{
color: #fff;
}
#featured_post .post_info{
margin-top: 20px;
}
#mcontainer{
display: flex;
direction: row;
align-items : center;
position: relative;
}
#search_box{
position: absolute;
width: 200px;
right: 50px;
top:15px;
display: none;
background: #fff;
padding:2px;
border: 1px solid #f1f1f1;
}
#search_box input{
border: none;
padding: 10px;
}
#search{
margin: 5px 0 0 20px;
}
.search_page h3{
margin-bottom: 20px;
}
.post{
margin: 0 0 10px 0;
padding-bottom: 10px;
border-bottom: 1px solid #f1f1f1;
}
.post .post_image{
width: 28%;
}
.post .post_text{
width: 72%;
}
@font-face {
font-family: 'CustomFont';
src: url(//asiansnews.in/wp-content/themes/stackumbrella/customfont.woff2) format('woff2');
font-display: optional;
} .post_image img{
width: 100% !important;
max-width: 800px; 
height: auto !important;
aspect-ratio: 16 / 9; 
border-radius: 10px;
margin: 0 auto; 
transition: opacity 0.3s ease;
}
.post_image img:hover{
opacity: 0.8;
}
.post_text{
padding-left: 20px;
}
.category{
display: inline-block;
padding: 4px 10px;
background: #c91322;
color: #fff;
font-size: 14px;
font-weight: 600;
border-radius: 5px;
}
.category:hover{
background: #f6374e;
color: #fff;
}
.post_text h1{
font-size: 42px;
margin-top: 10px;
font-weight: 600;
} 
.post_text h2{
font-size: 22px;
margin-top: 10px;
font-weight: 600;
line-height:30px;
}
.post_text a h1 , .post_text a  h2 {
color: var(--text);
} 
.wp-block-latest-posts ul li a{
color: #000000;
}
.post_text a:hover h1 , .post_text a:hover h2 {
color: #f6374e;
} 
.post_info{
align-items: center;
margin-top: 15px;   
font-size: 14px; 
}
.post_info .author img{
border-radius: 20px;
}
.post_info div{
margin-right: 10px;
}
.single_post h1{
font-size: 36px;
margin: 5px 0;
font-weight: 700;
}
.single_post .category{
margin-top: 0px;
}
.single_post .post_info{
margin-bottom: 10px;
}
.post_content{
margin: 20px 0;
font-size: 18px;
line-height: 35px;
color: var(--text);
}
#sidebar{
padding-left: 20px;
color: var(--tint);
line-height: 25px;
}
#sidebar h1,#sidebar h2,#sidebar h3{
color: var(--text);
margin-bottom: 10px;
border-bottom: 1px solid;
padding: 10px 0px;
font-weight: 600;
}
#sidebar ul{
margin:0px;
padding: 0px;
list-style: none;
}
#sidebar hr{
margin: 20px 0;
border-color:#f1f1f1 ;
color: #f1f1f1;
}
#sidebar ul li a{
display: block;
font-size: 15px;
font-weight: bold;
padding: 10px 0;
color: #444444;
}
}
#sidebar ul li a:hover{
color: #f6374e;
}
#sidebar ul li {
border-bottom: 1px solid  #f1f1f1;
}
#sidebar ul li:last-child {
border: none !important;
}
.single_paging{
display: flex;
justify-content: space-between;
padding-bottom: 20px;
}
#footer{
color:#000000;
border-top: 2px solid var(--primary);
padding-top: 20px;
line-height: 24px;
}
#footer h1, #footer h2, #footer h3{
font-size: 20px;
margin-bottom: 20px;
font-weight:600;
color: var(--text);
}
#footer .col-4{
padding-right:30px;
}
#footer ul{
margin: 0px;
padding: 0px;
list-style: none;
}
#footer ul li a{
padding: 5px 0;
display: block;
}
.menu-footer-menu-container ul li a{
color: #000000;
}
.menu-footer-menu-container ul li a:hover{
color: #f6374e;
}
#copyright{
border-top: 1px solid #f1f1f1;
color:#000000;
font-size: 14px;
}
.post_content img{
width:100% !important;
height:auto;
}
#menu_button{
display: none ;
}
#related_posts h3{
padding: 20px 0;
border-bottom: 1px solid #f1f1f1;
margin-bottom: 10px;
font-size: 24px;
}
.author_avatar{
text-align: center;
}
.author_avatar img{
border-radius: 50%;
}
#share_post{
align-items: center;
margin-bottom: 20px;
}
#share_post a{
display:inline-block;
padding:5px 0;
opacity: 0.8;
}
#share_post a:hover{
opacity: 1;
}
#no_page{
text-align: center;
padding: 100px;
}
#no_page h1{
font-size: 50px;
}
@media all and (min-width: 480px) and (max-width: 768px) { }
@media all and (max-width: 480px) { 
.flex{
display: block;
}
.post .post_image {
width: 100%;
}
.post .post_text,.post_text{
width: 100%;
padding-left: 0px;
}
.col-4,  .col-2, .col-3{
width: 100%;
}
.post_info.flex{
display: flex;
}
#sidebar{
padding:30px 0 0 0;
}
#footer_sec_2,#footer_sec_3{
margin-top: 20px;
}
#footer_sec_1,#footer_sec_2{
padding-bottom: 20px;
border-bottom: 1px solid #f1f1f1;
}
#footer .col-4{
padding-right: 0px;
}
#search_box{
top:0px
}
#featured_post .post_text h1 {
font-size: 22px;
line-height: 30px;
}
.single_post h1 {
font-size: 24px;
}
.post_content img{
width:100%;
height:auto;
}
#menu_button{
display: block ;
}
#menu{
position: relative;
}
#header .menu{
z-index:9999999;
display: none;
position: absolute;
right: -62px;
top:48px;
background: var(--primary);
width: 360px;
}
#header .menu li{
display: block !important;
border-bottom: 1px solid #555 !important;
}
#header .menu ul li{
border: none !important;
}
#header .menu li a{
display: block !important;
padding: 10px 10px !important;
color: #fff !important;
font-size: 15px !important;
}
#header .menu li a:hover{
color: var(--secondary) !important;
}
#header .menu ul{
position: static !important;
display : block !important;
background: var(--primary) !important;
border-radius: 0;
}
#header .menu ul li a{
display: block;
padding-left: 30px !important;
color: #fff !important;
}
#header  .menu ul li a:hover{
color: var(--secondary) !important;
}
#menu_button{
display: block;
margin-top: 7px;
}
.author_details{
margin-top: 20px;
}
.category{
margin-top:5px !important;
}
#share_post.flex{
display:flex !important;
}
} .ad-container {
width: 100%;
max-width: 300px; min-height: 250px; 
margin: auto;
display: block;
}
#sidebar .ad-container {
min-height: 280px;
}
#related_posts .post_image img {
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
@media (min-width: 768px) { .ad-container {
max-width: 728px; min-height: 90px;
}
}
@media (min-width: 1024px) { .ad-container {
max-width: 970px;
min-height: 600px;
}
}