@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karma:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Tokumin:wght@500;700;800&display=swap');
/*
Theme Name: CIJ Custom Tailor
Theme URI: 
Author: Pratik Shrestha
Author URI: https://pratikstha.com.np
Description: Custom Designed Theme for Center for Investigative Journalism
Requires at least: 5.3
Tested up to: 5.7
Requires PHP: 5.6
Version: 3.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

CIJ Custom Tailor, (C) 2021 Firefly Services Pvt. Ltd
CIJ Custom Tailor is distributed under the terms of the GNU GPL.
*/
body{
	margin: 0; 
	padding: 0;
	font-family: 'Karma', serif;
}
.header{}
.logo{padding:20px 0;}
.logo img{
	transform: scale(0.8);
}
.mainlogo{
	width: 100%;
	height: auto;
}
.headerlinks{
	margin-right: 10%;
	margin-top: 40px;
	margin-bottom: 10px;
}
.rineng {
    display: block;
    text-decoration: none;
    background: #0F8CC6;
    border-radius: 4px;
    padding: 8px 15px 5px 15px;
    color: white;
    margin-right: 15px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    min-width: 161px;
    text-align: center;
}
.rineng:hover{
	color: white;
	background: #028CAB;
	box-shadow: 0px 3px 3px #ccc;
}
.navbar {
    background: white;
    border-bottom: 2px solid #1b1b1b;
    border-top: 1px solid #1b1b1b;
}
.menu{ 
	padding-bottom:3px;
	/*margin-top: -24px;*/
	margin-top: -5px;
}
.menu li a {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-family: 'Karma', serif;
    font-weight: bold;
    display: block ruby;
	color: black !important;
}

.bannerImg img {
    width: 100%;
    height: auto;
    /*max-height: 640px;*/
}
.featimg:hover h2.hasvideo {
    display: none;
}
.sicon, .awpa-contact-info li a {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	margin: 0 3px;
	background: blue;
	text-decoration: none;
	opacity: 0.7;
}
.awpa-contact-info li{
	list-style: none;
	display: inline-block;
}
.sicon:hover, .awpa-contact-info li a: hover{
	opacity: 1;
}
.fb, .awpa-icon-facebook{
	background: url('images/facebook.png') !important;
	background-size: cover !important;
}
.twitter, .awpa-icon-twitter{
	background: url('images/twitter.png') !important;
	background-size: cover !important;
}
.insta, .awpa-icon-instagram{
	background: url('images/insta.png') !important;
	background-size: cover !important;
}
.youtube, .awpa-icon-youtube{
	background: url('images/youtube.png') !important;
	background-size: cover !important;
}
.awpa-icon-website{
	background: url('images/website.png') !important;
	background-size: cover !important;
}


.menu-item a{
	text-decoration: none;
	color: #3c3c3c;
	padding: 12px 5px 9px 5px;
	margin: 0 5px;
}
.menu-item a:hover{
	color: #000;
}
.menu-item.current_page_item a{
	color: #0F8CC6 !important;
}

.searchform label{
	display: none;
}
.searchform button {
    border: none;
    background: #4b4b4b;
    height: 30px;
    padding: 0 11px;
    border-radius: 0 5px 5px 0;
}
.searchform button:hover{
	background: #00a5cb;
}
.searchform input {
    border-radius: 5px 0 0 5px;
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #5f5f5f;
	width:200px;
}
.searchform button img {
    width: 16px;
    height: 16px;
    margin-bottom: 2px;
}

.shownow{display: block;}
ul.dropdown-menu.shownow {
    border-radius: 0;
    border: none;
    box-shadow: 0 4px 4px #ccc;
    border-top: 5px solid #ccc;
}
.dropdown-menu li {
    padding: 0;
}
.dropdown-item {
    padding: 7px 15px !important;
    margin-bottom: 3px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.dropdown-item:hover {
    background: #00a5cb;
    color: white !important;
}
.fixed-top{
	box-shadow: 0 3px 3px #ccc;
	padding-top:3px;
}
.fixed-top .menu{
	margin-top: 0;
}
.navbar{
	padding-bottom: 0 !important;
}

/*---after navigation main body area---*/

/*----Featured Banner ----*/
.bannerImg{margin-bottom: 20px; margin-top: 50px;}
.featimg{position: relative;}
.featimg h2{
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	background: linear-gradient(180deg, rgba(0,0,0,0.1558824213279062) 0%, rgba(0,0,0,0.7581233176864496) 11%, rgba(0,0,0,0.48081239331670167) 100%);
	display: block;
	width: 100%;
	padding: 40px 0;
	text-align: center;
	color: white;
	margin-bottom: 0;
}
.featimg h2 a{
	color: white;
	text-decoration: none;
	font-size: 32px;
}
.bannerImg p{
	font-size: 16px;
	margin: 10px 0;
}
.readmore a{
	margin: 0 10px; 
	font-size: 14px;
	text-decoration: none;
}
.readmore a:hover{
	text-decoration: underline;
}

/*----- Stage Image Slider----*/

.staged .owl-loaded .fa-item {
    opacity: 1;
}
.staged .fa-item {
    position: relative;
    float: left;
    opacity: 0;
    height: 100%;
    width: 100%;
}
.staged {
    background: rgba(17,17,17,.1);
    margin-top: 0;
    padding: 0;
    float: left;
    width: 100%;
    margin-bottom: 40px;
    overflow: hidden;
    font-family: 'Karma', serif;
}
.owl-carousel {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1;
}
.staged .owl-stage {
    padding: 36px 0;
}
.staged .owl-item{
	height: 400px;
	width: 668px !important;
	opacity: .4;
	-webkit-transition: .4s ease all;
	transition: .4s ease all;
	margin: 0;
    margin-right: 0px;
	-webkit-transform: scale(.9);
	transform: scale(.9);
	-webkit-backface-visibility: hidden;
}
.staged .owl-item.active.center {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1,1);
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.staged .owl-item.active.center:hover{
	transform: scale(0.97);
}
.staged .owl-item.active.center .fa-item-image {
    box-shadow: 0 0 50px rgba(0,0,0,.2);
    transition: all .2s ease-in-out;
	opacity: 1 !important;
}
.staged .fa-item-image {
    position: relative;
    display: block;
    height: 100%;
}
.staged .fa-item-image img{
	height: 100%;
}
.staged .fa-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    margin: 40px 0 40px 40px;
    text-align: left;
    max-width: 480px;
}
.entry-category, .entry-category a {
    line-height: 26px;
    color: #fff;
}
.staged .entry-category a{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.8rem;
}
h2.entry-title.h1{
	font-size: 1.7rem;
	line-height: 1.8rem;
}
.staged h2.entry-title a{
	color: white;
	text-decoration: none;
	font-weight: bold;
}
.staged .entry-meta{
	font-size: 0.7rem;
	color: white;
}
.staged .fa-item-image::before {
    width: 100%;
    left: 0;
    bottom: 0;
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.9) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.9) 100%);
    opacity: .7;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: absolute;
    height: 90%;
    z-index: 5;
    content:  "";
}
.fa-angle-left::before {
    content: "🢀";
    font-style: normal;
}
.fa-angle-right::before {
    content: "🡺";
    font-style: normal;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next {
    cursor: pointer;
    position: absolute;
}
.staged .owl-prev {
	position: absolute;
    left: 0;
    width: 30%;
    top: 0;
    height: 100%;
}
.staged .owl-next {
	position: absolute;
    right: 0;
    width: 30%;
    top: 0;
    height: 100%;
}
.staged .owl-next .fa, .staged .owl-prev .fa {
    font-size: 32px;
    height: 50px;
    width: 50px;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    background: rgba(17,17,17,.5);
    border-radius: 50%;
    color: #FFF;
    padding: 0px 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1,1);
    opacity: 0;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.staged .owl-next:hover .fa, .staged .owl-prev:hover .fa {
    opacity: 1;
}
.staged .owl-prev .fa {
    margin-left: -120px;
}
.vlog-featured-4 .owl-prev .fa {
    left: 50%;
}
.vlog-featured-4 .owl-next .fa {
    margin-right: -120px;
}
.vlog-featured-4 .owl-next .fa {
    right: 50%;
}
.staged .owl-dots{display: none;}

/*-----MID SEGMENT with adv-----*/
.midleft{
	
}
.midsegment .col-md-6 {
    padding: 0 32px;
}
.adimghere{
	display: block; 
	width: 100%; 
	background: white; 
	height: auto;
	text-align: center;
}
.adimghere a{
	margin-bottom: 20px;
	display: block;
	width: 100%;
}
.adimghere a img{
	display: block;
	width: 100%;
}
.midleft .row .cols a.withimg{
	display: block; width: 100%; height: 160px;
}
.col-md-12.midleft .row .cols a.withimg{
	display: block; width: 100%; height: 200px;
}
.midleft .row .cols a img{
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
}
.ml-links {
	color: black;
    text-decoration: none;
    margin: 10px 0;
    text-align: left;
    display: block;
    font-size: 1em;
    font-weight: bold;
    font-family: 'Lato';
    text-align: center;
}

h2.section-title{
	font-size: 1.8em;
	margin-top: 15px;
	margin-bottom: 40px;
	font-family: 'Karma', serif;
	text-transform: uppercase;
	border-bottom: 2px solid #a5a5a5;
	padding: 5px 0;
	font-weight:bold;
}
h2.section-title a{
	text-decoration:none;
	color: #2d2d2d;
}
h2.section-title a:hover{
	color:#0f8cc6;
}
.midleft article.post{
	margin-top: 5px;
}
.midleft article.post .entry-image a img{
	display: block;
	width: 100%;
	height: 200px;
}
.midleft .meta-item.meta-date {
    display: inline;
    font-size: 0.7em;
    text-transform: uppercase;
    margin: 5px 0;
}
.midleft .meta-item.meta-category{
	display: inline;
	font-size: 0.7em;
	text-transform: uppercase;
	margin: 5px 0;
}
.midleft .meta-item.meta-category a{
	text-decoration: none;
	color: darkred;
}
.midleft .entry-title.h2{
	font-size: 1.3em;
}
.midleft .entry-title.h2 a{
	text-decoration: none;
	color: #000;
}
.midleft .entry-title.h2 a:hover{
	color: #0F8CC6;
}
.midleft .entry-content{
	font-size: 0.9em;
}
.midleft .entry-content p{
	margin-bottom: 5px;
}
.readmore{
	text-decoration: none;
	color: #000;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
}
.readmore:hover{
	cursor: pointer;
	color: #0F8CC6;	
}

/*-------FEATURED STORIES section------*/
.featstories{
	margin-bottom: 30px;
}
.featstories article.post{
	margin-top: 5px;
}
.featstories article.post .entry-image a img{
	display: block;
	width: 100%;
	height: 280px;
}
.featstories .meta-item.meta-date {
    display: inline;
    font-size: 0.7em;
    text-transform: uppercase;
    margin: 5px 0;
}
.featstories .meta-item.meta-category{
	display: inline;
	font-size: 0.7em;
	text-transform: uppercase;
	margin: 5px 0;
}
.featstories .meta-item.meta-category a{
	text-decoration: none;
	color: darkred;
}
.featstories .entry-title.h2{
	font-size: 1.5em;
}
.featstories .entry-title.h2 a{
	text-decoration: none;
	color: #000;
}
.featstories .entry-title.h2 a:hover{
	color: #0F8CC6;
}
.featstories .entry-content{
	font-size: 1.1em;
}
.featstories .entry-content p{
	margin-bottom: 5px;
}

/*------Drishya and CIJ TWEETS section ------*/
.drishya{
	position: relative;
}
.drishya .owl-prev{
	position: absolute;
	bottom: 48%;
	width: 45px;
	background: #000000a1 !important;
	height: 45px;
	display: block;
	color: white !important;
	opacity: 0.8;
}
.drishya .owl-prev span{
	padding: 0; margin: 0;
	font-size: 2.2em !important;
	line-height: 45px !important;
}
.drishya .owl-prev:hover{opacity: 1;}

.drishya .owl-next{
	position: absolute;
	bottom: 48%;
	right: 0;
	width: 45px;
	background: #000000a1 !important;
	height: 45px;
	display: block;
	color: white !important;
	opacity: 0.8;
}
.drishya .owl-next span{
	padding: 0; margin: 0;
	font-size: 2.2em !important;
	line-height: 45px !important;
}
.drishya .owl-next:hover{opacity: 1;}
.drishya .owl-item img{
	max-height: 545px;
}

/*----------PUBLICATIONS ROW ------------*/
.pub a{
	display: block;
	width: 100%;
}
.pub a img{
	width: 100%;
	border: 1px solid #ccc;
	height: auto;
}
.publications{
	margin-bottom: 40px;
}

/*--------------FOOTER------------*/
footer{
	padding: 40px 0;
	background: #222;
	padding-bottom: 0;
}
footer .row .col-md-4{
	color: white;
	font-size: 0.8em;
}
.footlogo{
	transform: scale(0.8);
	margin-left: -32px;
}
.fomore{
	text-transform: uppercase;
	color: white;
	text-decoration: none;
	background: #ce252c;
	font-size: 0.8em;
	padding: 12px 25px;
	margin-top: 15px;
	float: left;
}
.fomore:hover{
	box-shadow: 0 3px 3px #000;
	color: white;
}

.copyright{
	background: black;
	padding: 20px 0;
	margin-top: 50px;
}
.copyright p{
	margin: 0;
	padding: 0;
	color: #797979;
	font-size: 0.8em;
	text-align: center;
}
/*-----single post page design ------*/
#cta{
	background-color: #fff;
  	color: rgba(255, 255, 255, 0.75);
  	background-attachment: fixed;
  	background-position: top;
  	background-repeat: no-repeat;
 	background-size: cover;
  	position: relative;
  	text-align: center;
  	z-index: 1; 
}
#cta .inner {
    position: relative;
    z-index: 3; 
}
#cta .inner.explore {
    position: absolute;
    bottom: 10rem;
    width: 100%;
}
.explore a {
    font-size: 1.2rem;
    text-transform: uppercase;
    border: double 4px #fff;
    padding: 1rem 2rem;
    text-decoration: none;
    font-weight: bold;
    opacity: 0.6;
    transition: 0.8s;
    color: rgba(255, 255, 255, 1) !important;
    display: block;
    margin: 0 auto;
    width: 260px;
    background: black;
}
.explore a:hover {
    opacity: 1;
    transition: 0.8s;
    color: rgba(255, 255, 255, 1) !important;
}
.postcontent {
    /*max-width: 75%;*/
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 1.3rem;
    font-family: 'Karma', serif;
    line-height: 1.5em;
    color: #444;
}
.postcontent p{
	text-align: justify;
}
.postcontent .wp-block-image img{
	display: block;
	max-width: 90%;
	height: auto;
	margin: 10px auto;
}
.postcontent figcaption{
  display: block; width:70%; margin:0 auto; text-align: center;
  color: #8f8c8c;
  font-weight: bold;
}
/* -----------comments area ----------*/
.comments-area {
    border-top: 1px solid #ccc;
    margin-top: 30px;
    padding-top: 30px;
}
.comments-title {
    font-size: 1.2em;
    margin-bottom: 20px;
	font-weight: bold;
}
.comment-body {
    background: #e5e5e5;
    padding: 5px;
    border-radius: 5px;
}
.comment-body .comment-author.vcard img {
    border-radius: 50%;
}
.comment-body .comment-author.vcard {
    float: left;
    margin-right: 10px;
    background: white;
    border-radius: 5px;
    padding: 7px 15px;
}
.comment-respond {
    padding: 20px;
    margin-bottom: 30px;
    background: #f5f5f5;
    border-radius: 5px;
}
.comment-form label {
    float: left;
    width: 15%;
}
.comment-form textarea {
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 130px;
    width: 80%;
}
.comment-form input {
    border: 1px solid #ccc;
    border-radius: 5px;
}
.comment-form-cookies-consent label {
    float: left;
    width: auto;
    margin-right: 10px;
    width: 80% !important;
}
.comment-form .form-submit input {
    background: #00a5cb;
    padding: 5px 20px;
    color: white;
    border: none;
}
.comment-form .form-submit input:hover {
    background: #02647a;
    padding: 5px 20px;
    color: white;
    border: none;
}

/*------design for multiple posts in lists style for categories and tags page-----*/
.liststories{
	font-size: 1.3rem;
	font-family: 'Karma', serif;
	margin-bottom: 20px;
	border-bottom: 1px dashed #ccc;
	line-height: 1.7rem;
	color: #444;
	padding-bottom: 10px;
}
.liststories .wp-post-image {
    width: 100%;
    height: auto;
}
.liststories .entry-title {
    margin-bottom: 2px;
}
.liststories .postmeta {
    font-size: 1.2rem;
    font-family: 'Karma', serif;
    display: block;
    margin-bottom: 10px;
    margin-top: -5px;
}
.category-english-posts .liststories .postmeta {
    font-size: 1.1rem;
    margin-top: 10px;
}
.liststories .entry-title a {
    text-decoration: none;
    font-size: 1.5rem;
    line-height: 1.8rem;
    display: block;
    color: #2d2d2d;
	font-weight:bold;
}
.liststories .entry-title a:hover{
	text-decoration: underline;
	color: #00a5cb;
}
.liststories p strong {
    font-weight: normal;
}
.liststories .entry-content p:last-child span, 
.liststories .entry-content p:last-child strong {
    font-size: 18px !important;
}
.liststories .entry-content p:last-child span {
    color: #0f8cc6 !important;
}
.liststories .readmore a{
	color: #00a5cb;
	float: right;
	margin: 5px 0;
}
.liststories .readmore a:after{
	content: " »";
}
.liststories .entry-content p strong span,
.liststories .entry-content p,
.liststories .entry-content p strong,
.liststories .entry-content span{
    font-family: 'Karma', serif !important;
    font-size: 20px !important;
    color: black !important;
	line-height: 33px;
}
.category-english-posts .liststories .entry-content p strong span,
.category-english-posts .liststories .entry-content p,
.category-english-posts .liststories .entry-content p strong,
.category-english-posts .liststories .entry-content span{
    font-family: 'Kaisei Tokumin', serif !important;
    font-size: 18px !important;
    color: black !important;
	line-height: 28px;
	font-weight:normal !important;
}
.category-english-posts .liststories .entry-content p:last-child span, 
.category-english-posts .liststories .entry-content p:last-child strong {
    font-size: 14px !important;
}
.category-english-posts .liststories .entry-title a{
	line-height: 2rem;
}
/*-----author bio section ------*/
.author_bio_section{
background-color: #F5F5F5;
padding: 15px;
border: 1px solid #ccc;
}
  
.author_name{
font-size:16px;
font-weight: bold;
}
  
.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}
.postcontent div.awpa-author-block {
    float: left;
    margin-right: 12px;
    font-size: 1rem;
    width: auto !important;
}
.awpa-img a img{
	width: 80px !important; 
	height: 80px !important;
	border-radius: 50%;
}
.awpa-display-name {
    font-size: 1.2rem;
    text-transform: capitalize;
    margin: 5px 0;
}
.awpa-display-name a{
	text-decoration: none;
	color: #444;
}
.awpa-display-name a:hover{
	color: #00a5cb;
}
.wp-post-author-meta-bio p {
    margin: 0;
}
.wp-post-author-meta-more-posts {
    float: left;
}
.awpa-contact-info {
    float: left;
    margin-left: 0;
    padding-left: 10px;
}
.awpa-more-posts a {
    text-decoration: none;
    background: #444;
    color: white;
    padding: 0px 15px;
    border: none;
    border-radius: 5px;
    display: block;
    height: 32px;
    line-height: 35px;
}
.awpa-more-posts a:hover{
	background: black;
}
.awpa-title {
    display: none;
}
.wp-post-author-wrap {
    border-top: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
}
.wp-post-author-wrap::before {
    content: 'Article By:';
    text-transform: uppercase;
    font-family: 'Karma', serif;
    font-size: 0.8rem;
    font-weight: bold;
}
/*--------Multimedia Section in Homepage Design-------*/
.container-fluid.multimedia {
    height: auto;
    min-height: 480px;
    background: #141414;
    margin-bottom: 30px;
    padding-bottom: 15px;
}
.multimedia-box .col-md-3 {
    padding: 0 20px 50px 20px;
}
.multimedia-box .entry-title.h2 {
    font-size: 1.2rem;
	font-weight: 600;
}
.multimedia-box .entry-title a {
    text-decoration: none;
	color:white;
	font-size:1.4rem;
}
.multimedia-box .entry-content {
    display: none;
}
.multimedia-box .col-md-3:first-child{
	width: 100%;
	padding: 50px 0;
	background: transparent;
}
.multimedia-box .col-md-3:first-child .entry-title a{
	font-size:2.8rem;
}
.multimedia-box .col-md-3:first-child .entry-image{
	display: inline-block;
	width: 62%;
	margin-right:3%;
}
.multimedia-box .col-md-3:first-child .entry-image iframe{
	height: 450px !important;
}
.multimedia-box .col-md-3:first-child .multi-brief{
	display: inline-block;
	width: 30%;
	vertical-align: top;
	margin-left: 15px;
	color: #f5f5f5;
}
.multimedia-box .col-md-3:first-child .entry-content{
	display: block;
	font-size: 1.2rem;
	color: #f5f5f5;
}
.multimedia-box .col-md-3:first-child .entry-title.h2 {
    font-size: 1.4rem;
    font-weight: bold;
    color: #f5f5f5;
}
.multimedia-box .col-md-3:first-child .entry-title a {
    color: #f5f5f5;
}
.multimedia-box .col-md-3:first-child .readmore {
    color: #f5f5f5;
}
.navbar-toggler-icon{
	width:0.8em;
	height:1em;
}
/*-----nepali font override------*/
.nep{
	font-family: 'Karma', serif;
}
/*-------live site fixes--------*/
.viewscount::before {
    content: ' | ';
}
.viewscount{font-weight:bold;}
.wp-video {
    width: 100% !important;
}
.wp-video video {
    width: 100%;
    height: auto;
}
.postcontent p img {
    width: 100%;
    height: auto;
}
.postcontent div {
    max-width: 100% !important;
}
.postcontent div img {
    width: 100%;
    height: auto;
}
.printfriendly a img {
    width: auto;
	filter: grayscale(100);
}
.pointer{width:30px !important; height:auto !important;}
/*satellite pointers reposition*/
 .image-row a:first-child img{position: absolute; top:60%; left:28%;}
        .image-row a:nth-child(2) img{position: absolute; top:27%; left:29%;}
        .image-row a:nth-child(3) img{position: absolute; top:0%; left:38%;}
        .image-row a:nth-child(4) img{position: absolute; top:30%; left:62%;}
/*-older version-*/
.image-row.ir2 a:first-child img{position: absolute; top:31%; left:62%;}
.image-row.ir2 a:nth-child(2) img{position: absolute; top:34%; left:47%;}
.image-row.ir2 a:nth-child(3) img{position: absolute; top:74%; left:30%;}
.image-row.ir2 a:nth-child(4) img{position: absolute; top:85%; left:40%;}

footer .widget-title {
    font-size: 1.2rem;
	margin-top:30px;
}
.footerLinks li {
    margin: 10px 0;
}
.footerLinks li a {
    text-decoration: none;
    color: #f5f5f5;
    text-transform: uppercase;
}
.footerLinks li a:hover, .footerLinks li:hover {
    color: #00a5cb;
}
.utubeframe {
    width: 150%;
    height: auto;
    min-height: 705px;
    margin: 0 -25%;
}
.tablepress {
    border: 1px solid #ccc;
	width:100%;
}
.tablepress td , .tablepress th{
    border: 1px solid #ccc;
    padding: 5px 10px;
    color: #000;
}
.tablepress td a {
	text-decoration: none;
}
.tablepress tbody tr:nth-child(2n+1) {
    background: #f3f3f3;
}
.dataTables_info, .dataTables_filter, .dataTables_length {
    display: inline-block;
    width: auto;
    margin: 10px 10px 20px 0;
}
.dataTables_filter input {
    margin: 0 10px;
}
.dataTables_paginate a {
    float: left;
    width: auto;
    margin: 10px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
	color:#2d2d2d;
}
.dataTables_paginate a:last-child {
    float: right;
}
.dataTables_paginate a:hover{
	cursor:pointer;
	color:blue;
}
/*----- for pagination in category pages------*/
.navigation.pagination {
    display: block;
    width: 100%;
    height: 90px;
}
.screen-reader-text {
    display: none;
}
.nav-links .page-numbers {
    background: #cef1f9;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    margin: 3px;
}

/*------for view all buttons in homepage sections------*/
.viewall {
    border-top: 1px solid #ccc;
    margin-bottom: 20px;
    margin-top: 10px;
}
.viewall a {
    text-decoration: none;
    text-transform: uppercase;
    background: #181818;
    color: white;
    padding: 8px 30px;
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 0;
    float: right;
}
.viewall a:hover {
    background: #00a5cb;
}
/*------ENGLISH FONT SETTING---------------*/
.page-template-home-NewEnglish,
.page-template-home-NewEnglish p,
.page-template-home-NewEnglish .bannerImg p,
.eng,
.category-english-posts,
.category-local-gov-surveillance-eng,
.category-english-posts .liststories .entry-title a,
.category-english-posts .liststories p,
.category-english-posts .liststories span{
	font-family: 'Kaisei Tokumin', serif !important;
}
.category-english-posts .liststories p,
.page-template-home-NewEnglish p,
.page-template-home-NewEnglish .bannerImg p
{
	font-size:1rem !important;
	line-height:30px !important;
}
.page-template-home-NewEnglish .bannerImg h2 a{
	font-family: 'Kaisei Tokumin', serif !important;
	font-weight:bold;
	font-size:1.5em;
	margin-bottom: 29px;
	display: block;
	line-height: 1.2em;
}
.page-template-home-NewEnglish .bannerSecond h2 a {
    line-height: 2rem;
}
.page-template-home-NewEnglish .midleft .entry-title.h2{
	line-height: 2.5rem;
}
.page-template-home-NewEnglish .multimedia-box .col-md-3:first-child .entry-title a{
	font-size:2.2rem;
}
/*-----------responsive code for mobile ----------*/
@media only screen and (max-width: 750px){
	.headerlinks{
		margin-top: 5px;
		margin-right:2%;
	}
	.menu{
		margin-top: -70px;
	}
	.navbar-nav{
		background: #f5f5f5;
	}
	.navbar-nav li{
		padding: 10px;
	}
	.navbar-nav .dropdown-menu{
		top: 0;
	}
	.midleft .row .cols a.withimg{
		height: 210px;
	}
	.multimedia-box .col-md-3:first-child .entry-image{width: 100%;}
	.multimedia-box .col-md-3:first-child .multi-brief{width: 100%;}
	.drishya .owl-item img{max-height: 276px;}
	.multimedia-box .col-md-3:first-child{padding: 10px;}
	.staged .owl-item{width: 380px !important;}

	#cta {
    height: 30rem !important;
	}
	.offset-2{
		margin-left: 0 !important;
	}
	.comment-form label {
    float: left;
    width: 20%;
	}
	.comment-form .form-submit input{
		margin-top: 10px;
	}
	.menu{
		margin-top:-20px;
		position:relative;
	}
	.navbar-toggler{
		position:absolute;
		top:-36px;
	}
	.rineng {
    	margin-right: 0;
    	min-width: 90px;
    	font-size: 12px;
    	display: inline;
	}
	.fixed-top .menu {
    	margin-top: 35px;
	}
}

/*----temporary deactivation of co author and author info at top and bottom of posts----*/
.coauthors .meta-sep {
    display: none;
}
.coauthors .author{display:none;}
.wp-post-author-wrap {
    display: none;
}
.viewscount{display:none;}

/*---- Redesign of single posts based on feedback----*/
.explore .special {
    /*background: linear-gradient(180deg, rgba(0,0,0,0.1558824213279062) 0%, rgba(0,0,0,0.7581233176864496) 11%, rgba(0,0,0,0.48081239331670167) 100%);*/
    background: #00000090;
	margin-bottom: 0 !important;
    padding: 15px 0;
}
.explore .special p {
    margin-bottom: 0;
    color: white;
    font-family: 'Karma', serif;
	padding-top:20px;
}
#cta .inner.explore{
	bottom:0;
}

/*------ Final New design/template change from client implementations-----*/
.bannerImg h2 a {
    text-decoration: none;
    font-family: 'Karma', serif;
	font-weight:bold;
    color: #000;
    font-size: 4rem;
}
.bannerImg h2 {
    width: 80%;
    text-align: center;
    margin: 0 auto;
	margin-top:40px;
}
.bannerImg p {
    font-size: 20px;
    margin: 10px 0;
    font-family: 'Karma', serif;
	line-height:40px;
}
.bannerImg .readmore a {
    background: #181818;
    padding: 10px 20px;
    color: white;
    margin: 0 auto;
    display: block;
    max-width: 150px;
    border-radius: 4px;
}
.bannerImg .readmore a:hover {
    text-decoration: none;
    background: #181818;
    color: white;
    transform: scale(0.98);
}
.bannerImg {
    border-bottom: 1px solid #747474;
}

.bannerSecond {
    padding: 30px 0 20px 0;
    margin-bottom: 10px;
    /*border-bottom: 1px solid #747474;*/
}
.bannerSecond .featimg img {
    width: 100%;
    height: auto;
}
.bannerSecond h2 a {
    font-family: 'Karma', serif;
	font-weight:bold;
    text-decoration: none;
    color: black;
    font-size: 2rem;
	line-height: 3rem;
}
.bannerSecond p {
    font-family: 'Karma', serif;
    font-size: 1.2rem;
	text-align: left !important;
	line-height:2.2rem;
}
.bannerSecond .readmore a {
    background: #181818;
    padding: 10px 20px;
    color: white;
    display: block;
    max-width: 150px;
    border-radius: 4px;
}
.bannerSecond .readmore a:hover {
    text-decoration: none;
    background: #181818;
    color: white;
    transform: scale(0.98);
}

.stageslider {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.stageslider img {
    width: 100%;
    height: auto;
}
.stageslider .entry-meta, .stageslider .entry-header {
    position: absolute;
    bottom: 23px;
}
.stageslider .entry-meta {
    bottom: 8px;
    padding: 0 20px;
    color: white;
}
.stageslider .entry-header {
    padding: 0 20px;
}
.stageslider .entry-header h2 a {
    text-decoration: none;
    color: white;
    font-size: 1.7rem;
	font-weight: 600;
}
.dark-overlay {
    background: #0000005e;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}
.stageslider article:hover .dark-overlay {
    visibility: hidden;
}
.stageslider article {
    position: relative;
}

.midleft .entry-content {
    font-size: 1.2rem;
    font-family: 'Karma', serif;
	line-height:2.2rem;
}
.midleft .entry-title.h2 {
    font-size: 2rem;
    font-family: 'Karma', serif;
	margin-top: 20px;
	line-height:3rem;
	font-weight:600;
}

.drishya .owl-item{
	max-height: 545px;
	overflow:hidden;
}
.drishya .owl-item img{
	height:auto;
}
.midleft article.post .entry-image a img {
    height: auto;
}
.multimedia-box .col-md-3:first-child .multi-brief {
    background: transparent;
}
.multimedia-box .multi-brief{
	padding:5px 10px;
}

.stageslider .row .col-md-4:first-child{
	padding-left:0 !important;
}
.stageslider .row .col-md-4:nth-child(3){
	padding-right:0 !important;
}
.owl-item{
	position:relative;
}
.owl-item p {
    position: absolute;
    z-index: 999;
    left: 0;
    font-size: 1rem;
    bottom: -17px;
    background: white;
    width: 100%;
    padding: 8px 10px;
}
.widget figure img {
    width: 100%;
    margin-top: 0;
    height: 440px;
}
#menu-main-menu > li:last-child a {
    background: #0f8cc6;
    padding: 7px 25px 4px 25px;
    color: white !important;
    margin-top: 5px;
    margin-right: 15px;
    border-radius: 5px;
    font-size: 1.2rem;
}
.entry-date {
    float: right;
	color: #2d2d2d;
}
a:hover {
    color: #0f8cc6 !important;
}
.rineng:hover {
    color: white !important;
}
.wp-caption-text {
    font-size: 0.8em;
    font-style: italic;
	line-height:1.4em;
	margin-top:5px;
	margin-bottom:5px;
}
.content-title{
	font-family: 'Karma', serif;
	font-weight: bold;
	text-decoration: none;
	color: black;
	font-size: 2rem;
	line-height: 3rem;
	padding: 20px 0;
	margin-bottom: -40px;
}
.px-3 article,
.px-3 article .entry-image,
.px-3 article .entry-image a,
.px-3 article .entry-image a img{
	display: block;
	height: 100%;
}
.rinnep.rineng {
    padding: 5px 15px 9px 15px !important;
}
/*----for full width images ------*/
img.full-width {
    position: relative;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    right: 50%;
    width: 99.5vw !important;
}

/*------- for fixing simple gallery images layout------*/
#wppg-gallery-template-3{
	height:auto !important;
}
.wpsg-t3-item {
    position: relative !important;
    display: inline-block;
    margin: 20px;
    left: 0 !important;
    top: 0 !important;
}
.wppg_popup {
    display: inline-block;
    vertical-align: top;
}
.wpsg-t3-item a img {
    border-radius: 0;
    width: 100%;
    display: block;
}

/*---------english menu fontsize rescale-----*/
#menu-main-menu-english li a {
    font-size: 1em;
	padding: 8px 5px 6px 5px;
	font-weight: bold;
}
#menu-main-menu-english>li:last-child a {
    background: #0f8cc6;
    padding: 5px 25px;
	padding-top:3px;
    color: white !important;
    margin-top: 0px;
    margin-right: 15px;
    border-radius: 5px;
    line-height: 34px;
    height: 38px;
}

@media only screen and (max-width: 750px){
	.bannerImg h2 a, .bannerSecond h2 a, .multimedia-box .col-md-3:first-child .entry-title a, .midleft .entry-title.h2 a{
    	font-size: 1.7rem !important;
    	line-height: 2.7rem;
	}
	.bannerSecond{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	blockquote {
    	float: none !important;
    	width: 90% !important;
    	margin: 20px auto !important;
	}
}

/*--------------Mobile Optimizations---------------*/
@media only screen and (max-width: 600px){
	.px-3{
		padding:0 !important;
		margin-bottom:10px;
	}
	#cta{
		background-size:contain;
		background-position:0px 40px;
		height:25rem !important;
	}
	.explore .special p{
		font-size:1.7em !important;
	}
	.utubeframe {
    width: 100%;
    height: auto;
    min-height: 275px;
    margin: 5px 0;
	}
	.short-logo {
    position: absolute;
    left: 50px;
    top: -42px;
    transform: scale(0.8);
	}
}

/*-----PANDORA PAPERS SECTION ADDED TO HOMEPAGE------*/
.pandora-papers {
    border-bottom: none;
    margin-top: 0;
}
.pandora-papers .row .col-md-4 {
    border-bottom: 1px solid #4b4b4b;
}
.blockHead{
    display: block;
    width: 190px;
    background: #4b4b4b;
    color: white;
    text-align: center;
    padding: 0px 5px;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 40px auto;
    height: 50px;
    line-height: 58px;
    text-decoration: none;
}
.blockHead:hover{
	background: #000;
	color: white !important;
}
.pandora-papers .row .col-md-4:first-child {
    margin-bottom: 40px;
    border-bottom: 1px dashed #ccc;
    width: 100%;
}
.pandora-papers .row .col-md-4:first-child p {
    display: block;
}
.pandora-papers .row .col-md-4:first-child h2 a {
    font-size: 4rem;
}
.pandora-papers .row .col-md-4 p {
    display: none;
}
.pandora-papers h2 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.pandora-papers .row .col-md-4 h2 a {
    font-size: 1.6rem;
}
.pandora-papers .featimg img {
    max-height: 260px;
}
.pandora-papers .col-md-4:first-child .featimg img {
    max-height: 640px;
}
.page-template-home-NewEnglish .pandora-papers .row .col-md-4 h2 a {
    font-size: 1.2rem;
    line-height: 1.8rem;
}
.page-template-home-NewEnglish .pandora-papers .row .col-md-4:first-child h2 a {
    font-size: 3rem;
    line-height: 3.7rem;
}

.short-logo a img {
    width: 80px;
    height: auto;
}

div.alignleft{
    float: left !important;
    width: auto;
    margin: 10px 20px 10px 0;
}
div.alignright{
    float: right !important;
    width: auto;
    margin: 10px 0px 10px 20px;
}
div.aligncenter {
    width: 70% !important;
    margin: 10px auto;
    display: block;
}
img.aligncenter {
    width: 70% !important;
    margin: 10px auto;
    display: block;
}
img.alignleft {
    width: 50% !important;
    float: left;
    margin: 10px 20px 10px 0;
}
img.alignright{
    float: right !important;
    width: 50% !important;
    margin: 10px 0px 10px 20px;
}
blockquote {
    float: right;
    width: 40%;
    margin: 20px 40px;
    font-weight: bold;
}
blockquote::before {
    content: "❝";
    margin: 5px 0;
    display: block;
    font-size: 3em;
    color: #00000070;
}
blockquote::after {
    content: "❞";
    display: block;
    text-align: right;
    font-size: 3em;
    color: #00000070;
    margin-top: 20px;
}
.bqleft {
    float: left;
    margin-left: 0;
}
.bqcenter {
    width: 80%;
    margin: 30px 10%;
}
@media only screen and (max-width:750px){
	div.alignleft, div.alignright, img.alignleft, img.alignright{
		width:100% !important;
		margin:10px auto !important;
	}
}
/* 2022 fixes */
.hidden{display:none !important;}
.wppg_gallery_item_bottom {
    min-height: 80px;
}
.wppg_gallery_item_thumbnail img {
    min-height: 150px;
}
.widget.adimghere a img {
  width: 100% !important;
}