/*
Theme Name: Blogstrend Pro
Theme URI: http://www.inkthemes.com/
Description: Blogstrend Pro for WordPress is one of the easiest themes to build your Web Presence in 10 Minutes. Just with in 5 Simple Steps. The Theme is highly customizable and with the presence of several background patterns and Theme Options, You can have your own branded new Website for your Business or Personal Use in Minutes. Features Templates for Blogs, Gallery, Fullwidth Page without sidebar and Contact Us Page.
Author: InkThemes.com
Author URI: http://www.inkthemes.com
Version: 1.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/

/* 
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/
/* @import url(css/reset.css);
@import url(css/layout.css);
@import url(css/screen.css); */
/* @import url(https://fonts.googleapis.com/css?family=Questrial); */
/*@import url(css/demo.css);*/
@font-face {
    font-family: "Questrial";
    src: url(fonts/Questrial-Regular.ttf);
}
@font-face {
    font-family: "Droid Sans";
    src: url(fonts/DroidSans.ttf);
}

/* RESET.CSS */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}body,html{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:700}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:400;vertical-align:top;text-align:left}q{quotes:none}q:after,q:before{content:'';content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg{overflow:hidden}code,pre{font-family:'DejaVu Sans Mono',Menlo,Consolas,monospace}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}address,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:20px}

/* LAYOUT.CSS */

.container_24{max-width:980px;margin:0 auto;position:relative;padding:0}.grid_1,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_2,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{display:inline;float:left;margin-left:.5%;margin-right:.5%}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:3.167%}.container_24 .grid_2{width:7.333%}.container_24 .grid_3{width:11.5%}.container_24 .grid_4{width:15.667%}.container_24 .grid_5{width:19.833%}.container_24 .grid_6{width:24%}.container_24 .grid_7{width:28.167%}.container_24 .grid_8{width:32.333%}.container_24 .grid_9{width:36.5%}.container_24 .grid_10{width:40.667%}.container_24 .grid_11{width:44.833%}.container_24 .grid_12{width:49%}.container_24 .grid_13{width:53.167%}.container_24 .grid_14{width:57.333%}.container_24 .grid_15{width:61.5%}.container_24 .grid_16{width:65.667%}.container_24 .grid_17{width:69.833%}.container_24 .grid_18{width:74%}.container_24 .grid_19{width:78.167%}.container_24 .grid_20{width:82.333%}.container_24 .grid_21{width:86.5%}.container_24 .grid_22{width:90.667%}.container_24 .grid_23{width:94.833%}.container_24 .grid_24{width:99%}.grid_sub_1,.grid_sub_10,.grid_sub_11,.grid_sub_12,.grid_sub_13,.grid_sub_14,.grid_sub_15,.grid_sub_16,.grid_sub_17,.grid_sub_18,.grid_sub_19,.grid_sub_2,.grid_sub_20,.grid_sub_21,.grid_sub_22,.grid_sub_23,.grid_sub_24,.grid_sub_3,.grid_sub_4,.grid_sub_5,.grid_sub_6,.grid_sub_7,.grid_sub_8,.grid_sub_9{display:inline;float:left;margin-left:0;margin-right:0}.container_24 .grid_sub_1{width:2.25%}.container_24 .grid_sub_2{width:6.5%}.container_24 .grid_sub_3{width:10.75%}.container_24 .grid_sub_4{width:15%}.container_24 .grid_sub_5{width:19.25%}.container_24 .grid_sub_6{width:23.5%}.container_24 .grid_sub_7{width:27.75%}.container_24 .grid_sub_8{width:32%}.container_24 .grid_sub_9{width:36.25%}.container_24 .grid_sub_10{width:40.5%}.container_24 .grid_sub_11{width:44.75%}.container_24 .grid_sub_12{width:49%}.container_24 .grid_sub_13{width:53.25%}.container_24 .grid_sub_14{width:57.5%}.container_24 .grid_sub_15{width:61.75%}.container_24 .grid_sub_16{width:66%}.container_24 .grid_sub_17{width:70.25%}.container_24 .grid_sub_18{width:74.5%}.container_24 .grid_sub_19{width:78.75%}.container_24 .grid_sub_20{width:83%}.container_24 .grid_sub_21{width:87.25%}.container_24 .grid_sub_22{width:91.5%}.container_24 .grid_sub_23{width:95.75%}.container_24 .grid_sub_24{width:100%}.sub_alpha{margin-right:1%}.sub_omega{margin-left:1%}.sub_middle{margin-left:1%;margin-right:1%}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}* html .clearfix{zoom:1}@media only screen and (max-width:767px){.container_24 .grid_1,.container_24 .grid_10,.container_24 .grid_11,.container_24 .grid_12,.container_24 .grid_13,.container_24 .grid_14,.container_24 .grid_15,.container_24 .grid_16,.container_24 .grid_17,.container_24 .grid_18,.container_24 .grid_19,.container_24 .grid_2,.container_24 .grid_20,.container_24 .grid_21,.container_24 .grid_22,.container_24 .grid_23,.container_24 .grid_24,.container_24 .grid_3,.container_24 .grid_4,.container_24 .grid_5,.container_24 .grid_6,.container_24 .grid_7,.container_24 .grid_8,.container_24 .grid_9{width:99%}.container_24 .grid_sub_1,.container_24 .grid_sub_10,.container_24 .grid_sub_11,.container_24 .grid_sub_12,.container_24 .grid_sub_13,.container_24 .grid_sub_14,.container_24 .grid_sub_15,.container_24 .grid_sub_16,.container_24 .grid_sub_17,.container_24 .grid_sub_18,.container_24 .grid_sub_19,.container_24 .grid_sub_2,.container_24 .grid_sub_20,.container_24 .grid_sub_21,.container_24 .grid_sub_22,.container_24 .grid_sub_23,.container_24 .grid_sub_24,.container_24 .grid_sub_3,.container_24 .grid_sub_4,.container_24 .grid_sub_5,.container_24 .grid_sub_6,.container_24 .grid_sub_7,.container_24 .grid_sub_8,.container_24 .grid_sub_9{width:100%}.sub_alpha{margin-right:0}.sub_omega{margin-left:0}.sub_middle{margin-left:0;margin-right:0}}

/* SCREEN.CSS */

@media only screen and (min-width:768px) and (max-width:959px){.footer_wrapper .footer_widget{padding-left:14px}}@media only screen and (min-width:480px) and (max-width:767px){.logo{margin:5px auto 5px auto;text-align:center;margin-bottom:20px}.menu_bar{text-align:center;border:none;background:0 0}.flex-caption{width:96.2%;height:30%;padding:2%;margin:0;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.5);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.5);font-size:14px;line-height:18px;overflow:hidden}.flex-caption p{overflow:hidden}}@media only screen and (max-width:768px){.menu_bar{text-align:center;border:none;background:0 0;border:none}.logo{margin:5px auto 5px auto;text-align:center;margin-bottom:20px}.blog .post img{float:none!important;display:block;height:auto;margin-bottom:20px}.flex-caption{height:30%}.footer_wrapper .footer_widget{padding-left:14px}* html .ddsmoothmenu-v ul li{float:left;height:1%}* html .ddsmoothmenu-v ul li a{height:1%}}

/* IMPORTS END */


body {
    font: 13px/1.5 'Droid Sans', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
:focus {
    outline:none;
}
p{
    color: #333; 
}

input[type="submit"] {
    cursor:pointer;
}
h1, h2, h3, h4, h5, h6 {
    font-family:Questrial;
    color: #090909;
	font-variant:100;
}
a {
    text-decoration:none;
    color:#317b8b;
}
a:hover{
    text-decoration: underline;
}
body {
    background:#72AC93;
}
.header .logo{

}
.header .logo img{
    max-width:100%;
}
/* #Top Menus
================================================== */
.no-js nav li:hover ul { display:block; }
.smoothmenu{
}
.smoothmenu ul{
    z-index:100;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*Top level list items*/
.smoothmenu ul li{
    position: relative;
    display: inline;
    float: left;
}

/*Top level menu link items style*/
.smoothmenu ul li a{
    display: block;
    background: #4B5D67; /*background of menu items (default state)*/
    color: white;
    padding: 8px 10px;
    color: #2d2b2b;
    text-decoration: none;
}

* html .smoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;  
}

.smoothmenu ul li a:link, .smoothmenu ul li a:visited{
    color: white;
}

.smoothmenu ul li.current-menu-item a, .smoothmenu ul li a.selected, .smoothmenu ul li.current_page_item a{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/

background: #72ac93;
  color: #fff;
  border-top: 2px solid #8DA86E;
  padding-top: 7px;
}

.smoothmenu ul li a:hover{
    color: white;
    background: #2dcf61;
}

/*1st sub level menu*/
.smoothmenu ul li ul{
    position: absolute;
    left: -1px !important;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.smoothmenu ul li ul li{
    display: list-item;
    float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.smoothmenu ul li ul li ul{
    top: 0;
}

/* Sub level menu links style */
.smoothmenu ul li ul li a{
    font: normal 13px Verdana;
    width: 160px; /*width of sub menus*/
}

/* Holly Hack for IE \*/
* html .smoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
    position: absolute;
    top: 12px;
    right: 7px;
}

.rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: none;
    display: none;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
    opacity: 0.0;
    display: none;
}

.top_menubar {
    background: #4B5D67;
    display: block;
    min-height: 36px;
    border-bottom:1px solid #98002F;
    position: relative;
    z-index: 100;
    margin-top:-20px;
}
.top_menus ul {
    list-style-type:none;
    margin-bottom:0;
}
.top_menus ul li {
    display:inline;
    margin-left:0;
}
.top_menus ul li a {
    color:#fff;
    display: inline-block;
    padding-top:9px;
    padding-bottom:8px;
    padding-right:15px;
    padding-left:14px;
    text-decoration: none;
}
.top_menus ul li a:hover {
    border-top:2px solid #8DA86E;
    padding-top:7px;
}
.top_menus ul li ul li a:hover, .smoothmenu .sub-menu li a{
    border-top: none !important;
    padding-top:7px;
}
.top_banner{
    text-align: right;
}
.top_banner img {
    width:100%;
    float:right;
}
.header {
    padding-top:18px;
    padding-bottom:18px;
}
/* #Menus
================================================== */

.mobieMenu{
    margin:0 auto;
    width:100%;
    margin-right: 20px;
    height: 30px;
    background: #F6F6F6;
    border: 1px solid #ccc; 
    margin-top: 6px;
    padding-left: 10px;
    color: #666666; 
}
.mobieMenu:focus{
    border: 1px solid #cc9900; 
}
.menu_bar {
    border:1px solid #d9d9d9;
    background:#fff;
    display:block;
    padding-right: 20px;
}
#menu{
    background:#4B5D67;
	border:1px solid #d9d9d9;
        font-size:20px;
}

#menu .ddsmoothmenu {
    list-style:none;
    position:relative;
    z-index:999;
    padding:0;
	margin-top:11px;
	margin-bottom:11px;
	line-height:41px;
	margin-top:0px;
	margin-bottom:0;
        font-size:10px;
}
#menu .ddsmoothmenu li > ul {
    margin-top:14px;
    border-top: 3px solid #0e6d82;
    margin-left: -1px;
	list-style:none;
}
#menu .ddsmoothmenu li > ul li > ul {
    margin-top:1px;
}
#menu .ddsmoothmenu li {
    position:relative;
    display:inline;
    font-size:12px;
	margin:0;
	margin-left:0px;
	border-right:1px solid #dddddd;
}
#menu .ddsmoothmenu li:first-child{
margin-right:-3px;
}
#menu .ddsmoothmenu li:last-child {
    border-right:0;
}
#menu .ddsmoothmenu li.menu-item-type-taxonomy, #menu .ddsmoothmenu li.menu-item-object-custom{
margin-left:-2px;
}
#menu .ddsmoothmenu li a {
    position:relative;
    color:#fff;
    text-decoration:none;
    text-transform: uppercase;
	padding:12px 11px !important;
	margin-right:-3px;
}
#menu .ddsmoothmenu li:first-child a{
background: url('https://www.pakistanpressfoundation.org/wp-content/uploads/2019/03/home-min.png') 12px 9px no-repeat;
padding-left:35px !important;
}
#menu .ddsmoothmenu li a:hover, #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li.current-cat a {
background-color:#2193ac;
color:#000;
outline:1px solid #0e6d82;
}
#menu li a.selected{
}
#menu li.current_homepage_item a{
background-color:#2193ac !important;
color:#fff;
outline:1px solid #0e6d82;
}
#menu li.current_homepage_item a:hover{
background: url('images/home.png') 12px 12px no-repeat;
}
#menu .ddsmoothmenu li li {
    background: #eaebea;
    font:12px Arial, Helvetica, sans-serif!important;
    text-transform:capitalize;
    margin:0;
    padding:0;
}
#menu .ddsmoothmenu li li a {
    width:130px;
    height:auto;
    float:none;
    display:block;
    text-align:left;
    position:relative;
    margin:0;
    padding:10px 0;
    margin-left:18px;
    margin-right:18px;
    text-transform:capitalize;
    border-bottom:1px dotted #ccc;
/*     background:#eaebea url('images/arrow.png') no-repeat 0 14px; */
	background:#eaebea url('https://www.pakistanpressfoundation.org/wp-content/uploads/2019/03/arrow.png') no-repeat 0 14px;
    color: #848484;
	outline:none;
	border:none;
}
#menu .ddsmoothmenu li li:first-child{
    padding-top:10px;
	margin-right:0px;
	border-right:none;
}
#menu .ddsmoothmenu li li:first-child a{
background:none;
/* background:#eaebea url('images/arrow.png') no-repeat 0 14px; */
background:#eaebea url('https://www.pakistanpressfoundation.org/wp-content/uploads/2019/03/arrow.png') no-repeat 0 14px;
outline:none;
padding-left:22px !important;
}
#menu .ddsmoothmenu li li a:hover{
/* background:#eaebea url('images/arrow.png') no-repeat 0 14px; */
background:#eaebea url('https://www.pakistanpressfoundation.org/wp-content/uploads/2019/03/arrow.png') no-repeat 0 14px;
outline:none;
border:none;
}
#menu .ddsmoothmenu li li:last-child{
    padding-bottom:15px;
}
#menu .ddsmoothmenu li li a:after {
    width:100%;
    content:'';
    position:absolute;
    left:0;
    top:0;
}
#menu .ddsmoothmenu li li li li:last-child a, #menu .ddsmoothmenu li li li li:last-child a:after {
    border-top:none;
}
#menu .ddsmoothmenu li li:last-child a:after {
    width:100%;
    content:'';
    position:absolute;
    left:0;
    bottom:0;
}
* html #menu .ddsmoothmenu li li a {
    display:inline-block;
}
#menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited {
    color:#848484;
}
#menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover {
    color: #1a9cb9;
}
#menu .ddsmoothmenu li ul {
    position:absolute;
    left:0;
    display:none;
    visibility:hidden;
}
#menu .ddsmoothmenu li ul li {
    display:list-item;
    float:none;
}
#menu .ddsmoothmenu li ul li ul {
    padding-top:0;
    background:none;
    top:0;
    margin-top:0;
    margin-left:0;
}
#menu .ddsmoothmenu li ul li ul li:first-child{
    padding-top:0;
}
* html .ddsmoothmenu {
    height:1%;
}
.downarrowclass {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
    top:0;
    right:0;
    display:none!important;
}
.rightarrowclass {
    display:block;
    width:7px;
    height:5px;
    position:absolute;
    margin-top:-3px;
    top:50%;
    right:0;
    background: url('images/right.png') no-repeat 0 0;
}
.ddshadow {
    width:0;
    height:0;
    position:absolute;
    left:0;
    top:0;
    display:none;
}
/* #Home Content Wrap
================================================== */
.content_wrap {
    padding-top:10px;
    
}
.content_wrap .content img, .fullwidth{
    max-width:100%;
    height:auto;
}
/* #Slider Style
================================================== */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    width: 100%;
    margin: 0;
    padding: 0;
    max-height:55.5%;
	margin-bottom:20px;
}
.flexslider .slides{
margin-bottom:25px;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    margin-left:0;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 100%;
    display: block;
    max-height:340px;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
    position: relative;
    zoom: 1;
    margin-bottom:30px;
}
.flexslider .slides {
    zoom: 1;
}
.flexslider .slides > li {
    position: relative;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {
    zoom: 1;
    position: relative;
}
/* Caption style */
/* IE rgba() hack */
.flex-caption {
    background:none;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    zoom: 1;
}
.flex-caption {
    width: 96.200%;
    height:30%;
    padding: 2%;
    margin: 0;
    position: absolute;
    left: 0;
    bottom:0;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
    font-size: 14px;
    line-height: 18px;
	overflow:hidden;
}
.flex-caption p{
    color: #fff;    
}
.flex-caption h2{
line-height:25px;
margin-bottom:16px;
}
.flex-caption h2 a{
    color: #fff;
}
/* Direction Nav */
.flex-direction-nav {
    height: 0;
}
.flex-direction-nav li a {
    width: 42px;
    height: 99px;
    margin: -13px 0 0;
    display: block;
    background: url(images/arrows.png) no-repeat;
    position: absolute;
    top: 40%;
    cursor: pointer;
    text-indent: -999em;
}
.flex-direction-nav li a:hover{
    opacity:0.8;
}
.flex-direction-nav li .next {
    background: url('images/arrows.png') no-repeat -48px 0;
    width: 42px;
    height: 99px;
    right: 0;
}
.flex-direction-nav li .prev {
    background: url('images/arrows.png') no-repeat 0 0;
    width: 42px;
    height: 99px;
    left:0;	
}
.flex-direction-nav li .disabled {
    opacity: .3;
    filter:alpha(opacity=30);
    cursor: default;
}
/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    top: 15px;
    left:15px;
    text-align: left;
}
.flex-control-nav li {
    margin: 0 0 0 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-nav li:first-child {
    margin: 0;
}
.flex-control-nav li a {
    background: url('images/pagination.png') no-repeat 0 0;
    width: 16px;
    height: 15px;
    display:block;
    cursor: pointer;
    text-indent: -999em;
}
.flex-control-nav li a:hover {
    background-position:0 -18px;
}
.flex-control-nav li a.active {
    background-position:0 -18px;
    cursor: default;
}
/* #Default Page Template
================================================== */
.content_wrap .page{
    background:#fff;
    border:1px solid #d3d3d3; 
    margin-bottom: 30px;
    padding: 10px;
}
.content_wrap #entry-author-info {margin-bottom: 20px;  background:#fff;
                                  border:1px solid #d3d3d3;padding: 10px;}
.content_wrap #entry-author-info #author-avatar {float:left;margin-right: 15px;margin-bottom: 5px;}
/* #Social Icons
================================================== */
.social{
    list-style-type: none;
    float: right;
    margin-bottom: 0;
}
.social li{
    display: inline;
    margin-left: 0;
    margin-right: 2px;
}
.social li a{
    display: inline-block;
}
.social li.email a{
/*     background: url('images/social-sprite.png') no-repeat 0 0; */
	background: url('https://www.pakistanpressfoundation.org/wp-content/uploads/2019/03/social-sprite.png') no-repeat 0 0;
    width: 20px;
    height: 20px;
}
.social li.linked a{
/*     background: url('images/social-sprite.png') no-repeat -25px 0; */
	background: url('https://www.pakistanpressfoundation.org/wp-content/uploads/2019/03/social-sprite.png') no-repeat -25px 0;
    width: 20px;
    height: 20px;
}
.social li.twitter a{
/*     background: url('images/social-sprite.png') no-repeat -52px 0; */
	background: url('https://www.pakistanpressfoundation.org/wp-content/uploads/2019/03/social-sprite.png') no-repeat -52px 0;
    width: 20px;
    height: 20px;
}
.social li.facebook a{
/*     background: url('images/social-sprite.png') no-repeat -79px 0; */
	background: url('https://www.pakistanpressfoundation.org/wp-content/uploads/2019/03/social-sprite.png') no-repeat -79px 0;
    width: 20px;
    height: 20px;
}
.social li.flickr a{
/*     background: url('images/social-sprite.png') no-repeat -106px 0; */
	background: url('https://www.pakistanpressfoundation.org/wp-content/uploads/2019/03/social-sprite.png') no-repeat -106px 0;
    width: 20px;
    height: 20px;
}
.social li.rss a{
/*     background: url('images/social-sprite.png') no-repeat -133px 0; */
	background: url('https://www.pakistanpressfoundation.org/wp-content/uploads/2019/03/social-sprite.png') no-repeat -133px 0;
    width: 20px;
    height: 20px;
}
.social li.email:hover a{
    background: url('images/social.png') no-repeat 0 0;
    width: 20px;
    height: 20px;
}
.social li.linked:hover a{
    background: url('images/social.png') no-repeat -30px 0;
    width: 20px;
    height: 20px;
}
.social li.twitter:hover a{
    background: url('images/social.png') no-repeat -58px 0;
    width: 20px;
    height: 20px;
}
.social li.facebook:hover a{
    background: url('images/social.png') no-repeat -87px 0;
    width: 20px;
    height: 20px;
}
.social li.flickr:hover a{
    background: url('images/social.png') no-repeat -117px 0;
    width: 20px;
    height: 20px
}
.social li.rss:hover a{
    background: url('images/social.png') no-repeat -145px 0;
    width: 20px;
    height: 20px;
}
/* #Tipsy Style
================================================== */
.tipsy { margin-bottom:5px;padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-south { background-position: bottom center;}
.socials li {
    float: left;
    margin-right: 10px;
}
/* #Blog Post Style
================================================== */
.blog .post {
    background:#ecebeb;
    border:2px solid #9BCE7D;
    overflow:hidden;
    margin-bottom:5px;
}
.blog .post .post_title{
    margin-bottom: 8px;
}
.blog .post .post_title a{
    color: #000;
}
.blog .post .postimg {
    float:left;
    margin-right:15px;
    display:block;
    border:1px solid #dcdcdc;
    padding:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	width:232px;
    height:155px;
}
.blog .post .post_list {
    padding:10px 10px 10px 10px;
    margin-bottom:1px;
}
.blog .post .post_content {
    overflow:hidden;
}
.blog .post .post_meta {
    list-style-type:none;
    background:#ecebeb !important;
    padding-left:5px;
    padding-top:2px;
    padding-bottom:2px;
}
.blog .post .post_meta li {
    display:inline;
    margin-left:0;
    margin-right:8px;
    color:#000;
    font-size:12px;
    padding-left: 0px;
}
.blog .post .post_meta li.date{
    background:#ecebeb !important;
}
.blog .post .post_meta li.category{
    background: #ecebeb !important;
}
.blog .post .post_meta li.admin{
    background: #ecebeb !important;
}
.blog .post .post_meta li a{
    color:#fff;
}
.blog .post .post_meta li a:hover{
    text-decoration: underline;
}
.blog .post hr.post_hr {
    margin-bottom:12px;
}
.blog .post .social_media {
    padding-left:10px;
    padding-bottom:10px;
    float:left;
}
.blog .post .social_media table {
    margin:0;
    padding:0;
}
.blog .post .comment_box {
    float:right;
    padding-right:10px;
}
.blog .post .comment_box .cmt_ico {
    background:url(images/cmtico.png) no-repeat;
    display:block;
    text-align:center;
    width:43px;
    height:20px;
    color:#fff;
}
.blog .post .comment_box a{
    color: #fff;
}
.blog .post img{
    max-width: 100%;
    height: auto;
}
#nav-single {overflow:hidden;margin-bottom:20px;}
.nav-previous {float: left;width: 50%;}
.nav-next {float: right;text-align: right;width: 50%;}
.sidebar img {
    max-width:100%;
}
ul.paging {
    margin:0px;
    padding:0px;
    float:right;
    margin-bottom:20px;
}
ul.paging li {
    margin:0px;
    padding:0px;
    display:inline;
    margin-right:4px;
}
ul.paging li a {
    color:#777777;
    padding:2px 7px 2px 7px;
    width:20px;
    height:20px; 
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
    border:1px solid #eeeeee;
}
ul.paging li a:hover{
    text-decoration: none;
      background:#317b8b;
      color: #fff;
}
ul.paging li a.current{
    background:#317b8b;
    color: #fff;
}
.sidebar {
    padding-left:11px;
}
.sidebar .side_banner {
    margin-bottom:20px;
}
.sidebar h4 {
/*     background:url(images/sidebar_head.png) bottom repeat-x; */
	background:url(https://www.pakistanpressfoundation.org/wp-content/uploads/2019/03/sidebar_head.png) bottom repeat-x;
    padding-bottom:10px;
    color: #2d2b2b;
}
.sidebar ul {
    list-style-position:inside;
    list-style-type: circle; 
}
.sidebar ul li {
    margin-left:2px;
    margin-bottom:8px;
}
.sidebar ul li a {
    color:#317b8b;
}
.sidebar ul.children{
    margin-left: 13px;
    margin-bottom: 0;
    margin-top: 8px;
    list-style-image: url('images/bullet.png');
}
.sidebar ul.children li:last-child{
    border-bottom:none;
}
/* #Popular Post Widget Styles
================================================== */
#tabs {
    font-size: 90%;
    margin: 20px 0;
}
#tabs ul {
    background: #E6E6E6;
    padding-top: 4px;
    margin-bottom: 0;
}
#tabs li {
    margin-left: 8px;
    list-style: none;
}
* html #tabs li {
    display: inline;
}
#tabs ul li.active {
    background: #fff;
}
#tabs ul li.active a {
    color: #333333;
}
#tabs div {
    background: #fff;
    clear: both;
    padding: 10px;
}

#tabs {	background:#E6E6E6; height:auto; display: block; padding:5px; margin-bottom:30px; }
#tabs ul.tab { padding:0px; }
#tabs ul.tab li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; }
#tabs ul.tab li a.selected, #tabs ul.tab li a:hover { background:#fff; text-decoration:none; }
#tabs ul.tab li a {	color:#777; display: block;float: left;padding: 8px; text-transform:uppercase; font:11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#tabs h6.title{
    font-weight: normal;
    margin-bottom: 0;
    margin-top: -20px;
}
#tabs img.postimg{
    float: left;
    padding: 3px;
    border:1px solid #E6E6E6;
    margin-right: 10px;
    margin-bottom: 10px;
}
#tabs .pop_link{
    display: block;
}
#tabs li img.avatar { 
    border: 1px solid #ddd; 
    padding: 2px;	
    background-color: #ffffff; 
    float: left;	
    margin: 0 8px 0 0;
    width:50px;
    height: 50px;
}
#tabs #tab-4 a{
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
    display: inline-block;
}
#tabs #popular_posts li{

    
}
#tabs #tab-1 li,
#tabs #tab-2 li,
#tabs #tab-3 li,
#tabs #tab-4 li{
    border:1px solid #E6E6E6;
    margin-left: 0;
    padding: 0;
    padding: 10px;
    margin: 0;
    border-bottom: none;
}
#tabs #tab-1 li:last-child,
#tabs #tab-2 li:last-child,
#tabs #tab-3 li:last-child,
#tabs #tab-4 li:last-child{
   border-bottom:1px solid #E6E6E6 !important; 
}
#tabs #tab-2 li:last-child{
   border-bottom:1px solid #E6E6E6 !important;  
}
/* #Footer Styles
================================================== */
.footer_border {
/*     background:url(images/footer-border.png) repeat-x; */
	background:url(https://www.pakistanpressfoundation.org/wp-content/uploads/2019/03/footer-border.png) repeat-x;
    height:2px;
}
.footer_wrapper {
   /* background:url(images/footer-bg.png); */
background: #9bce7d;
    display:block;
    overflow:hidden;
}
.footer_wrapper .footer {
    color:#fff;
    padding-top:30px;
    padding-bottom:30px;
}
.footer_wrapper .footer a {
    color:#fff;
}
.footer_wrapper .footer p{
    color:#fff;
}
.footer_wrapper .footer_widget{
    width:90%;
}
.footer_wrapper .footer_widget.last-child{
    width:105%;
}
.footer_wrapper .footer h4 {
/*     background:url(images/footer-border.png) bottom repeat-x; */
	background:url(https://www.pakistanpressfoundation.org/wp-content/uploads/2019/03/footer-border.png) bottom repeat-x;
    padding-bottom:10px;
    color: #fff;
}
.footer_wrapper .footer ul {
    list-style-type:none;
}
.footer_wrapper .footer .contact_widget{
    max-width:205px;
}
.footer_wrapper .footer .contact_widget .error{
    color: red;
    float: left;
    display: block;
}
.footer_wrapper .footer .contact_widget input[type="text"], .footer_wrapper .footer .contact_widget textarea {
    background:transparent;
    border:1px solid #6DC288;
    margin-bottom:14px;
    color:#666666;
}
.footer_wrapper .footer .contact_widget input[type="text"] {
    background: #fff;
    height:23px;
    width:150px;
    margin-right: 5px;
}
.footer_wrapper .footer .contact_widget textarea {
    height:95px;
    width:100%;
    margin-left:1px;
    background: #fff;
}
.footer_wrapper .footer .contact_widget input[type="submit"] {
/*     background:url(images/csendbg.png) no-repeat; */
	background:url(https://www.pakistanpressfoundation.org/wp-content/uploads/2019/03/csendbg.png) no-repeat;
    width:116px;
    height:34px;
    border:none;
}
.footer_wrapper .footer ul.contactus li {
    border:none;
}
.footer_wrapper .footer ul li {
    margin-left:0;
    border-bottom:1px solid #777777;
    padding-top:5px;
    padding-bottom:5px;
}
.footer_bottom {
    border-top:1px solid #72ac93;
    overflow:hidden;
background: #98002F;
    color:#ffffff;
    padding-top:13px;
    padding-bottom:8px;
}
.footer_bottom p {
    margin:0;
    padding:0;
    color:#c9c7c7;
}
.footer_bottom a {
    color:#c9c7c7;
}
/* #Search Form
================================================== */
#searchform {
    position:relative;
    margin-bottom:20px;
    max-width:300px;
}
#searchform #search {
    background:url(images/search.png) no-repeat;
    border:none;
    width:253px;
    height:31px;
    color:#858484;
    padding-left:5px;
}
#searchform #searchsubmit {
/*     background:url(images/searchsubmit.png) no-repeat; */
	background:url(https://www.pakistanpressfoundation.org/wp-content/uploads/2019/03/searchsubmit.png) no-repeat;
    border:none;
    width:52px;
    height:31px;
    text-indent:-9999px;
    position:absolute;
    right:0;
    top:0;
}
.search_content{
    padding: 14px;
    background: #fff;
    border:1px solid #d3d3d3;
}
/* #Single Page Style
================================================== */
.author_box {
    background:#e0e0e0;
    margin-bottom:30px;
    margin-top: 30px;
	padding-bottom:23px;
    overflow: hidden;
}
.author_box h2.author_title {
    background:#323232;
    color:#fff;
    padding-left:12px;
    padding-right:12px;
}
.author_box .author_content {
    padding-left:12px;
    padding-right:12px;
    padding-bottom:18px;
    color:#434343;
}
.author_box .author_content .avatar {
    float:left;
    margin-right:10px;
    width: 60px;
}
.crousel{
    border:1px solid #c3c3c3;
    background:#fff;
    overflow: hidden;
    margin-bottom:30px;
    padding-left: 8px;
}
.crousel h4{
padding-top:10px;
margin-bottom:6px;
}
.etr{
    padding:6px;
    display: block;    
    margin-right:21px;
    width: 128px;
    float: left;
    margin-bottom: 20px;
}
.etr:last-child{
    margin-right: 0;
}
.etr p{
    margin-top: 10px;
    text-align: center;
    margin-bottom: 0;
}
.etr a{
    color: #333; 
}
/* #Comment Form
================================================== */
#commentsbox {
    margin:0;
}
#commentsbox .commentsection {
    background:#fff;
    border:1px solid #d2d2d2;
    margin-bottom:30px;
    padding:14px;
}
#commentsbox .post-info h3 {
    border-bottom:1px solid #d2d2d2;
    padding-bottom:10px;
}
ol.commentlist {
    clear:both;
    overflow:hidden;
    list-style:none;
}
ol.commentlist li.comment {
    line-height:18px;
    margin:5px 0 15px;
    padding:10px;
}
ol.commentlist li.comment .comment-body {
    margin-left:60px;
    position:relative;
    padding-right:10px;
    border-bottom:1px solid #d2d2d2;
}
ol.commentlist li.comment .comment-author {
}
ol.commentlist li.comment .comment-author a:link, ol.commentlist li.comment .comment-author a:visited {
    color:#090909;
    text-decoration:none !important;
    font-family:Century Gothic;
}
ol.commentlist li.comment .comment-author .fn {
    color:#090909;
    font-family:Century Gothic;
}
ol.commentlist li.comment .comment-author a.url {
    color:#090909;
    font-family:Century Gothic;
}
cite.fn {
    color:#000;
    font-style:normal;
}
ol.commentlist li.comment .comment-author .avatar {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    position:absolute;
    left:-70px;
    top:0;
    width:40px;
    height:40px;
    background:url(images/avatar-bg.png) no-repeat;
    padding:7px;
    padding-bottom:13px;
}
ol.commentlist li.comment .comment-meta a {
    color:#33707e;
    text-decoration:underline;
}
ol.commentlist li.comment p {
    line-height:22px;
    margin-top:5px;
    color:#666;
}
ol.commentlist li.comment .reply {
    margin-top:10px;
    font-size:10px;
    text-align:right;
    padding-bottom:20px;
    display:block;
}
ol.commentlist li.comment .reply a {
    background:url(images/reply.png) no-repeat;
    display:inline-block;
    width:70px;
    height:35px;
    color:#f2f2f2;
}
ol.commentlist li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li.comment ul.children {
    list-style:none;
    margin:1em 0 0;
    text-indent:0;
}
ol.commentlist li.comment ul.children li.depth-2 {
    margin:0 0 0px 50px;
}
ol.commentlist li.comment ul.children li.depth-3 {
    margin:0 0 0px 50px;
}
ol.commentlist li.comment ul.children li.depth-4 {
    margin:0 0 0px 50px;
}
ol.commentlist li.comment ul.children li.depth-5 {
    margin:0 0 0px 50px;
}
.comment-nav {
    padding:5px;
    height:20px;
}
.comment-nav a:link, .comment-nav a:visited {
    color:#f96e02;
}
.commentform {
    background:#fff;
    border:1px solid #d2d2d2;
    margin-bottom:30px;
    padding:14px;
}
#respond {
    margin:10px 0;
    padding:0;
}
#respond h3 {
    font-size:14px;
    color:#000;
    font-weight:700;
    padding:10px;
}
#commentform p {
    color:#444;
}
#commentform a {
    color:#0454A8;
}
#respond label {
    color:#322903;
    padding:5px 0;
}
#respond input {
    background:#fff;
    border:1px solid #ddd;
    color:#555;
    margin:0 10px 10px 0;
    padding:5px;
}
#commentform input[type="text"] {
    width:72%;
    height:20px;
    display:block;
    -moz-box-shadow:    inset 0 0 10px #CCCCCC;
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
    box-shadow:         inset 0 0 10px #CCCCCC;
}
#commentform td.label {
    padding-right:15px;
}
#respond input#commentSubmit {
    text-indent:-9999px;
    clear:both;
    background:url('images/comment-submit.png') no-repeat 0 0;
    width:126px;
    height:30px;
    border:0;
    cursor:pointer;
    text-align:center;
    padding-left:20px;
    padding-right:20px;
    margin-top:20px;
    color:#FFF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
textarea#comment {
    background:#fff;
    border:1px solid #ddd;
    width:98%;
    color:#555;
    clear:both;
    display:block;
    margin:10px 0 0;
    padding:5px;
    -moz-box-shadow:    inset 0 0 10px #CCCCCC;
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
    box-shadow:         inset 0 0 10px #CCCCCC;
	margin-top:25px;
}
/* #Contact Page
================================================== */
.contact {
    background:#fff;
    border:1px solid #d3d3d3;
    padding:14px;
    margin-bottom:30px;
}
#contactForm .error{
    color: red;
}
#contactForm input[type="text"] {
    width:97%;
    height:28px;
    padding-left:5px;
    border:0;
    margin-right:10px;
    -moz-box-shadow:    inset 0 0 10px #CCCCCC;
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
    box-shadow:         inset 0 0 10px #CCCCCC;
	border:1px solid #ddd;
}
#contactForm td.label {
    padding-right:10px;
}
#contactForm input[type="submit"] {
    text-indent:-9999px;
    clear:both;
    background:url('images/contact-submit.png') no-repeat 0 0;
    width:126px;
    height:27px;
    border:0;
}
#contactForm textarea {
    background:#fff;
    border:1px solid #ddd;
    width:98%;
    height:200px;
    color:#555;
    clear:both;
    display:block;
    padding:5px;
    -moz-box-shadow:    inset 0 0 10px #CCCCCC;
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
    box-shadow:         inset 0 0 10px #CCCCCC;
}
/* #Fullwidth Page
================================================== */
.fullwidth {
    background:#fff;
    border:1px solid #d3d3d3;
    padding:14px;
    margin-bottom:30px;
}
/* #Special Columns
================================================== */
pre {
    margin: 10px 0px 40px 0px;
    padding: 0 10px 0px 10px;
    display: block;
    clear: both;
    background: #cccccc url('images/codebg.jpg');
    line-height: 20px;
    font-size: 11px;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
    float:left;
    position:relative;
}
.one_third {
    width:30%;
    margin-right:5%;
}
.one_half {
    width:48%;
    margin-right:4%;
}
.one_third {
    width:30%;
    margin-right:5%;
}
.two_third {
    width:65%;
    margin-right:5%;
}
.one_fourth {
    width:22%;
    margin-right:4%;
}
.three_fourth {
    width:74%;
    margin-right:4%;
}
.col2, .col3, .col4 {
    float:left;
    position:relative;
}
.col3 {
    width:280px;
    margin-right:60px;
}
.col2 {
    width:460px;
    margin-right:40px;
}
.col4 {
    width:210px;
    margin-right:40px;
}
.last {
    margin-right:0 !important;
}


.relatedposts {width: 640px; margin: 0 0 20px 0; float: left; font-size: 12px;}
.relatedposts h3 {font-size: 20px; margin: 0 0 5px 0; }
.relatedthumb {margin: 0 1px 0 1px; float: left; }
.relatedthumb img {margin: 0 0 3px 0; padding: 0;width:150px;height:100px;}
.relatedthumb a {color :#333; text-decoration: none; display:block; padding: 4px; width: 150px;}
.relatedthumb a:hover {background-color: #ddd; color: #000;}


/* #Wordpress Core Classes
================================================== */
blockquote {
    padding-left:60px;
    min-height:40px;
    background:url(images/blockqoute.png) no-repeat;
}
blockquote {
    margin-top:40px;
    margin-bottom:40px;
}
blockquote img {
    float: left;
    margin-right:15px;
}
.gallery-caption {
    color: #666;
    font-family: Georgia, serif;
    font-size: 12px;
}
.alignnone {
    margin: 5px 20px 20px 0;
    display: block;
    clear:both;
}
.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background:#fff;
    border:1px solid #f0f0f0;
    max-width:96%;
    text-align:center;
    padding:8px 3px 10px;
}
.wp-caption.alignright {
    margin:5px 0 20px 20px;
}
.wp-caption img {
    border:0 none;
    height:auto;
    max-width:98.5%;
    width:auto;
    margin:0;
    padding:0;
}
.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:8px 4px 5px;
}
/*Calendar style*/
#wp-calendar caption {
    text-align: center;
    background: #4b5d67;
    color: #fff;
    border-bottom: 2px solid #e6eef7;
}
#wp-calendar {
    color: #555;
    width: 95%;
    text-align: center;
    color:fff;
}
#wp-calendar a {
    color: #000;
}
.footer #wp-calendar a {
    color:#fff;
}
#wp-calendar caption, #wp-calendar td, #wp-calendar th {
    text-align: center;
}
#wp-calendar caption {
    font-size: 11px;
    font-weight: 500;
    padding: 5px 0 3px 0;
    text-transform: uppercase;
}
#wp-calendar th {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}
.footer #wp-calendar th {
    background: #e0e0e0;
}
#wp-calendar tfoot td {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color:#fff;
}
.footer #wp-calendar tbody td {
    color:#fff;
}
#wp-calendar tbody td {
    color:c0c0c0;
}
#calendar_wrap {
    display: block;
    margin-bottom: 30px;
}
.blog .post .post_meta li.category {
    display: none !important;
}
@media only screen and (min-width: 320px) and (max-width: 480px) {

.flex-caption p{
display:none;
}
}