/*
Theme Name: Caravanmag
Author: Rahul Gupta
Author EMAIL: rgsind@gmail.com
Description: Custom theme designed by Rahul Gupta for The Caravan Magazine website.
Version: 10.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: featured-images, threaded-comments, translation-ready
Text Domain: caravanmag

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	/*vertical-align: baseline;*/
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #fff url("images/wrapper-top-bg.png") repeat-x scroll center top;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}


/**
 * 2.0 - Genericons
 */

.social-navigation a:before,
.secondary-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}


/**
 * 3.0 Typography
 */

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "Noto Serif", serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
}

.clear-no {clear:none;}

p {
	margin-bottom: 1.6em;
}

b,
strong {
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	/*border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);*/
	color: #000;
/*	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;*/
	padding-left: 0.7778em !important;
}

blockquote p {
	margin-bottom: 1.6667em;
}

blockquote > p:last-child {
	margin-bottom: 0;
}

blockquote cite,
blockquote small {
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: "Noto Sans", sans-serif;
	line-height: 1.6;
}

blockquote em,
blockquote i,
blockquote cite {
/*	font-style: normal;*/
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

address {
	font-style: italic;
	margin: 0 0 1.6em;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
	cursor: help;
}

mark,
ins {
	background-color: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}


/**
 * 4.0 Elements
 */

hr {
	background-color: #eaeaea;
	background-color: rgba(51, 51, 51, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 1.6em;
}

ul,
ol {
	margin: 0 0 1.6em 1.3333em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin-bottom: 1.6em;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 1.6em;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

figure {
	margin: 0;
}

del {
	opacity: 0.8;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}

:-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}

::-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}


/**
 * 5.0 Forms
 */

button,
input,
select,
textarea {
	background-color: #f7f7f7;
	border-radius: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

input:focus,
textarea:focus {
	background-color: #fff;
	border: 1px solid #c1c1c1;
	border: 1px solid rgba(51, 51, 51, 0.3);
	color: #333;
}

input:focus,
select:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
	cursor: default;
	opacity: .5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	background-color: #333;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	padding: 0.7917em 1.5em;
	text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	background-color: #707070;
	background-color: rgba(51, 51, 51, 0.7);
	outline: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	padding: 0.375em;
	width: 100%;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: 0;
}

.post-password-form {
	position: relative;
}

.post-password-form label {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.5;
	text-transform: uppercase;
}

.post-password-form input[type="submit"] {
	padding: 0.7917em;
	position: absolute;
	right: 0;
	bottom: 0;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

.search-form input[type="submit"],
.widget .search-form input[type="submit"] {
	padding: 0;
}


/**
 * 6.0 Navigations
 */


/**
 * 6.1 Links
 */

a {
	color: #333;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #333;
	color: rgba(51, 51, 51, 1);
	text-decoration:underline;
}

.aligncenter {text-align:center;margin: auto !important;}

.wp-caption-text{color: #333;
    font-family: arial;
    font-size: 12px;}

/**
 * 6.2 Menus
 */

#menu-toggle {display:none;}

.main-navigation a {
	display: block;
	padding: 0.8em 0;
	position: relative;
	text-decoration: none;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
}

.main-navigation ul ul {
	display: none;
	margin-left: 0.8em;
}

.main-navigation ul .toggled-on {
	display: block;
}

.main-navigation li {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	position: relative;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
	font-weight: 700;
}

.main-navigation .nav-menu > ul > li:first-child,
.main-navigation .nav-menu > li:first-child {
	border-top: 0;
}

.main-navigation .menu-item-has-children > a {
	padding-right: 48px;
}

.main-navigation .menu-item-description {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 0.5em;
}

.no-js .main-navigation ul ul {
	display: block;
}

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	content: "";
	height: 42px;
	padding: 0;
	position: absolute;
	text-transform: lowercase; /* Stop screen readers to read the text as capital letters */
	top: 3px;
	right: 0;
	width: 42px;
}

.dropdown-toggle:after {
	color: #fff;
	content: "\f431";
	font-size: 24px;
	line-height: 42px;
	position: relative;
	top: 0;
	left: 1px;
	width: 42px;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: #eaeaea;
	background-color: rgba(51, 51, 51, 0.1);
}

.dropdown-toggle:focus {
	outline: 1px solid #c1c1c1;
	outline: 1px solid rgba(51, 51, 51, 0.3);
}

.dropdown-toggle.toggle-on:after {
	content: "\f432";
}


.secondary-toggle {
	background-color: transparent;
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	height: 42px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 50%;
	right: 0;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 42px;
}

.secondary-toggle:before {
	color: #333;
	content: "\f419";
	line-height: 40px;
	width: 40px;
}

.secondary-toggle:hover,
.secondary-toggle:focus {
	background-color: transparent;
	border: 1px solid #c1c1c1;
	border: 1px solid rgba(51, 51, 51, 0.3);
	outline: 0;
}

.secondary-toggle.toggled-on:before {
	content: "\f405";
	font-size: 32px;
	position: relative;
	top: 1px;
	left: -1px;
}


/**
 * 7.0 Accessibility
 */

/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font: bold 14px/normal "Noto Sans", sans-serif;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	font: bold 14px/normal "Open Sans", sans-serif;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}

/* ----------  global css start ------------ */

.no-padding {padding:0 !important;}
.no-margin {margin:0 !important;}
.no-border {border:none !important;}
.red {color:#cc3333;}
.red a {color:#cc3333;}
.uppercase {text-transform:uppercase;}
.droid-serif {font-family:"Droid Serif";font-weight:normal;}
.droid-sans {font-family:"Droid sans";font-weight:normal;}
.arial {font-family:arial;font-weight:normal;}
.right {float:right;}
.left {float:left;}

/* ----------  global css end ------------ */

/** ------------ layout setting ------------ **/

.authorndate {font-size:11px !important; font-family:Arial;}

.content-front-page,.search-results .search-post, .category-page, .type-page, .type-post, #archive-page, .archive-issue-page, #search-page, #profile-page {width:690px;float:left;}

#wrapper{margin: 0 auto 0 auto;text-align: left; background: transparent url("images/header-bg.png") repeat-x scroll 50% 95px;}

#wrapper #container, #footer-wrapper .container{width:1020px; margin:auto;}

/* ----------- header area start ------------ */
#header .ad-banner {
    display: block !important;
    height: 93px;
    margin-bottom: 2px;
    overflow: hidden;
}

#header .head-banner {
    margin-left: 0;
    overflow: hidden;
}
#header #top-ads-left {float:left; width:728px;height:85px; overflow:hidden; margin-top:4px;}
#header #top-ads-right {float: left;margin-left: 5px;margin-top: 4px;}
.search-form input[type="submit"], .widget .search-form input[type="submit"] {position:relative !important; height:30px; width:35px; text-indent:40px; background-image: url("images/submit-go.png"); }
/* -------------header area end ----------- */

/* -------------------   search-page search-post start   -------------------- */

.search-page .hentry {
    border-bottom: 1px solid #d1d1d1;
    box-shadow: none;
    margin: 15px 0 0;
    overflow: hidden;
    padding: 0 0 15px;
}
.search-page .feature-image {
    float: left;
    height: 90px;
    margin-right: 15px;
    overflow: hidden;
    text-align: center;
    width: 90px;
}
.search-page .feature-image img {
    float: none;
    height: 100%;
    margin: 0;
    max-width: none;
    width: auto;
}
.search-page h1, .search-page h2 {
    clear: none;
}
.search-page h1{font-size:1.4rem;}
.search-page h2{font-size:1.1rem;}
.search-page .feature-subhead {font-size:1.3rem;}
/* -------------------   search-page search-post end     -------------------- */

/**  ----------- front page -------------- **/
.clear-block::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clear-block {
    display: inline-block;
}
* html .clear-block {
    height: 1%;
}
.clear-block {
    display: block;
}
.sidebar .widget {padding:0; margin:0;}
.sidebar #advman-2 .widget-title {margin:0; padding:0;}
header{
	height: auto;
    margin-bottom: 11px;
    overflow: hidden;
	}
#logo-floater{
	clear: both;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 8px;	
	}	
header .widget { padding:0; margin:0;}
header #logo {float: left;
    margin-left: 10px;
    margin-top: 5px;}
header #secondary-nav { font-family:arial; font-size:11px; color:#fff; text-transform:uppercase; text-align:right; margin-bottom:10px;}
header #secondary-nav a {color:#dcdcdc; font-weight:bold;}
header #search-box {clear:right;}
header #search-box .search-field {height: 30px; width: 170px; border-radius: 4px; text-transform: capitalize; font-size: 14px;}

/* ------------- superfish menu code top menu -------------- */
ul#menu-top-navigation {width:100%; position:relative; padding:0; line-height:1; z-index:4; margin:0; height:64px; background:rgba(0, 0, 0, 0) url("images/sub-navbg.png") repeat-x scroll center bottom}
ul#menu-top-navigation li { float:left;}
ul#menu-top-navigation .sf-sub-indicator, ul#menu-top-navigation .menu-item-description {display:none;}
ul#menu-top-navigation li {border-left: 1px solid #4d4d4d;font-weight: bold;font-family:arial;font-size:12px;height: 37px;margin-bottom: 0;margin-top: 0;padding-left: 20px;padding-right: 20px;padding-top: 11px;text-transform: uppercase;}

@media screen and (-webkit-min-device-pixel-ratio:0) {  
/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */  

ul#menu-top-navigation li {padding-left:17px;padding-right:17px;}

}

ul#menu-top-navigation li ul li { font-size:12px; height:27px; padding:7px 11px 0 11px; border:none;}
ul#menu-top-navigation li ul {background:rgba(0, 0, 0, 0) url("images/sub-navbg.png") repeat-x scroll 0 0; position:absolute; margin-left:0;top:37px;z-index:1; left:0; width:100% !important;}
ul#menu-top-navigation li:hover > ul, ul#menu-top-navigation li.sfHover > ul, .current-menu-item ul {z-index:2;}
ul#menu-top-navigation li a:link, ul#menu-top-navigation li a:visited{color: #fff;display: block;}
ul#menu-top-navigation li ul li a:link, ul#menu-top-navigation li ul li a:visited {color:#000;}
ul#menu-top-navigation li a:hover {color:#333;}
ul#menu-top-navigation li:hover {background:#dcdcdc;}
ul#menu-top-navigation, ul#menu-top-navigation * {list-style:none;} 
ul#menu-top-navigation .current-menu-item, ul#menu-top-navigation .current-menu-parent {background:#dcdcdc none repeat scroll 0 0;}
ul#menu-top-navigation .current-menu-item a, ul#menu-top-navigation .current-menu-parent a {color:#000 !important;}
/*---- sub menus in reporting and essays  ----*/
#menu-item-21618 {margin-left:317px;}
#menu-item-21626 {margin-left:484px;}
#menu-item-21629 {margin-left:581px;}
#menu-item-21633 {margin-left:664px;}
#menu-item-21635 {margin-left:736px;}
#menu-item-21639 {margin-left:880px;}

#menu-item-21615, #menu-item-21637 {background:#ed1b24 none repeat scroll 0 0 !important;}
#menu-item-21615 a, #menu-item-21530 a.sf-with-ul {color:#fff !important;}
ul#menu-top-navigation li#menu-item-21530.active > ul {display: block !important;visibility: visible !important;}

ul#menu-top-navigation .current-menu-item, ul#menu-top-navigation .current-menu-parent a:visited, #menu-item-28383 a {color:#000;}
ul#menu-top-navigation li.current-menu-item > ul, ul#menu-top-navigation li.current-menu-parent > ul {display: block !important;visibility: visible !important;}
ul#menu-top-navigation .current-menu-parent > ul li.current-menu-item a {text-decoration:underline;}

/* ------------- superfish menu code top menu end ----------------- */

/* -------------- footer start --------------- */
#footer-wrapper {clear: both;text-align: left;background:#000 none repeat scroll 0 0;padding:20px;color:#999; font-family:arial;font-size:12px; font-weight:bold;}
#footer-wrapper ul {list-style:none;}
#footer-wrapper a {color:#999;}
#footer-wrapper .first-column{float:left; padding:0 10px; width:60%;}
#footer-wrapper .second-column, #footer-wrapper .third-column, #footer-wrapper .forth-column, #footer-wrapper .fifth-column {float:left; padding:0 10px;}
/* ---------- footer end ------------- */

/*------------ sidebar starts from here ---------------------*/
.sidebar {
    border-left: 1px solid #d1d1d1;
    box-sizing: content-box;
    float: left;
    margin: 0 0 0 14px;
    max-width: 300px;
    padding-left: 14px;
    position: relative;
    width: 300px;
}
/*------------ sidebar ends here ---------------------*/

/* ---- right side current issue block start ---- */

.current-issue-title {
  color: #cc3333 !important;
    font-family: "Droid Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 2px;
	text-transform:uppercase;
}
.current-issue-title a {color: #cc3333 !important;}
.current-issue-image {float:left; width:180px;}
.cover-story {margin-top: 159px;}
.cover-story a,.in-this-issue a {color:#fff;}
.cover-story{margin-bottom:1px;}
.cover-story,.in-this-issue {
  	background: #666666 url("images/issue-errow.png") no-repeat scroll 4px 9px;
    float: left;
    font-family: arial;
    font-weight: bold;
    height: 31px;
    padding-left: 23px;
    padding-right: 8px;
    padding-top: 5px;
    width: 88px;
	font-size:12px;
	color:#fff;
	margin-left:1px;
}

/* ---- right side current issue block end  ---- */


/* ------------- front page home page start --------------- */

/* -------------- home slider front slider start -------------- */
.bx-wrapper .bx-next, .bx-wrapper .bx-prev {background:none !important;}
.bx-wrapper {margin:0 auto 18px !important; background:#fff none repeat scroll 0 0;border:1px solid #dcdcdc !important;padding-bottom:2px !important;box-shadow:none !important;}
.bx-wrapper .e_title{color: #cc3333 !important; font-family: "Droid Sans"; font-size: 20px; font-style: normal; font-weight: bold; letter-spacing: 3px; margin-bottom: 15px; padding-top: 12px; text-transform: uppercase;}
.bx-wrapper .e_title a{color: #cc3333 !important;}
.bx-wrapper .title a {color: #000; font-family: "Droid Serif"; font-size: 22px !important; font-style: normal; font-weight: normal; text-transform: capitalize;}
.bx-wrapper .authorndate{line-height: 22px; margin-bottom: 7px;font-size:14px !important;}
.bx-wrapper .subhead{color: #000; font-family: "Droid Serif"; font-size: 15px !important; font-style: normal; font-weight: normal; line-height: 21px; width: 100%;}
.bx-wrapper .slider-image {float: left;margin-left: 2px;margin-top: 2px;text-align: left;width: 50%; height:250px;overflow:hidden;}
.bx-wrapper .slider-image img {height:100%; width:auto;}
.bx-wrapper .slider-content{float: left;margin-left: 18px;width: 47%;}
.bx-wrapper .bx-pager-item {padding:8px 0;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
border-right: 1px solid #fff !important;border-bottom: 1px solid #fff !important;border-left: 1px solid #dcdcdc !important;border-top: 1px solid #dcdcdc !important;bottom:-1px !important;right:-1px;width:auto !important; padding:0 !important; margin:0 !important; z-index:100;}
/* ------------- home slider front slider end --------------- */

.front-container .front-feature-image {overflow:hidden;}
.front-container img {height:100%; width:auto; max-width:none;}
.front-container a:hover {text-decoration:underline;}
.front-container {border:1px solid #d1d1d1;}
.front-container .title {color: #000000;font-family: "Droid Serif";font-size: 14px !important;font-style: normal;font-weight: normal;line-height: 18px;text-transform: capitalize;}
.front-container .e_title{color: #cc3333 !important; font-family: "Droid Sans";font-size: 18px; font-style: normal; font-weight: bold; letter-spacing: 1.5px; margin-bottom: 8px;text-transform: uppercase;}	
.front-container .e_title a{color: #cc3333 !important;}

.front-container .authorndate {font-size:11px !important; margin-top:5px; font-family:Arial;}
.front-container .subhead {font-family: "Droid Serif"; font-size:13px; line-height:18px; font-weight:normal; font-style:normal;}
#vantage {margin-top:10px;}
#vantage .e_title, #reporting-essay .e_title {margin-left: 10px;}
#vantage .title {min-height:60px; line-height:16px; }

#vantage .view-row {float:left;
width: 229px; /** older browsers **/ 
width: -webkit-calc(100% / 3); /** Safari 6, Chrome 19-25 **/
width: -moz-calc(100% / 3); /** FF 4-15  **/
width: calc(100% / 3); 

padding:0 20px;}
#vantage .view-row-2 {border-left: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;}
#vantage .front-feature-image {width:90px; height:90px; margin:auto; padding:15px 0;box-sizing:content-box;}


#reporting-essay {border-top: 1px solid #d1d1d1;margin-top: 10px;padding-top: 10px;}
#reporting-essay .view-row {width:50%; padding:10px 20px; text-align:center;float:left;}
#reporting-essay .view-row-1 {border-right:1px solid #d1d1d1;}
#reporting-essay .front-feature-image {height: 200px;margin: auto;text-align: center;width: 200px;}

#reporting-story .view-row {float:left; text-align:center;padding: 0 5px;}
#reporting-story {border-bottom: 1px solid #d1d1d1;margin-bottom: 0;padding-bottom: 10px; font-size:13px; line-height:13px; letter-spacing:0;}
#reporting-story .block-story {display:table; margin:auto;}
#reporting-story .view-row-4 {border-left: 2px solid #cc3333;border-right: 2px solid #cc3333;}

.front-container .blocks {float:left; padding:10px; width:100%;}
.front-container .blocks .front-feature-image {float: left;margin-right: 15px;width: 120px; height:120px;}
.front-container .blocks .view-row-1, .front-container #archive-story .view-row-2 {border-bottom: 1px solid #d1d1d1; margin-bottom: 17px;overflow: hidden;padding-bottom: 17px;}

.front-container .opinions-report-block {border-bottom: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;clear: both;overflow: hidden;}
.front-container .opinions-report-block .blocks {width:50%;}
.front-container .opinions-report-block .block-2 {border-left:1px solid #d1d1d1;}

.front-container .photoessay-block { width:540px; margin:auto; padding-top:10px;}
.front-container .photoessay-block .front-feature-image {padding:15px 15px 40px 15px;}
.front-container .photoessay-block .front-feature-image img {width:100%; height:auto;}
.front-container .photoessay-block .e_title{text-align:center;}
.front-container .photoessay-block .view-row {text-align:center;}

.front-container .books-archive-block {border-top: 1px solid #d1d1d1;}
.front-container #front-books-block, .front-container #front-archive-block {float:left; width:50%;}
.front-container #books, .front-container #lede, .front-container #letters {border-bottom:1px solid #d1d1d1; padding-bottom:15px;}
.front-container #fiction-poetry {padding-bottom:15px;}

.front-container #lede .view-row-1, .front-container #letters .view-row-1 {border:none; margin-bottom:0; padding-bottom:0;} 

.front-container #front-books-block {border-right: 1px solid #d1d1d1;}
.front-container .border-right-none{border-right: medium none;}
.front-container #archive-story .front-feature-image {height:90px; width:90px;}
.front-container #archive-story .view-row {margin-bottom:5px; padding-bottom:5px;}
.front-container #archive-story {border-bottom:1px solid #d1d1d1; padding-bottom:0;}
.front-container #archive-story .view-row-1 {border-top:1px solid #d1d1d1; padding-top:10px;}
.front-container #more-caravan .title, .front-container #more-caravan .heading {font-size:12px !important;}
.front-container #more-caravan .heading a {float:left; width:70px; color:#cc3333; font-weight:bold;}
.front-container #more-caravan .view-content {float:right; width:242px;}
.front-container #editor {padding-top:0; padding-bottom:0;}
.front-container #archive-slider .arc-slide-img {box-sizing: padding-box;
    float: left;
    padding: 2%;
    width: 50%;}
.front-container #archive-slider .arc-slide-img img {width:100% !important; height:auto !important;}


/* -------------- front page home page end ------------ */

/* ---------- sidebar start ----------- */
#sidebar-1 .widget {border-bottom: 1px solid #d1d1d1;margin-bottom: 18px;padding-bottom: 18px;}

#sidebar-1 #most-read-comment * {border-radius:0;}
#sidebar-1 #most-read-comment .su-tabs-nav > span { margin: 0;padding: 10px 0;text-align: center;text-transform: uppercase;width: 50%;}
#sidebar-1 #most-read-comment .su-tabs {background:#cecece;padding:1px;margin-bottom:0;}
#sidebar-1 #most-read-comment .most-read {margin-bottom:2px;}
#sidebar-1 #wpt_widget-2 .entry-title {font-size:13px;}

#digital-subscriptions {border: 1px solid #d9d9d9;margin-top: 10px;}
#digital-subscriptions .digi-title,#follow-us-on .title-follow {border-bottom:2px solid #d9d9d9;height:25px;margin:10px;text-align:center; }
#digital-subscriptions h2 a {color:#666; font-family: "Droid Sans";
font-size: 16px;font-style: normal;font-weight: bold;letter-spacing: 0;text-transform: uppercase;}
#digital-subscriptions .digi-image {text-align:center;}
#digital-subscriptions .magzter, #digital-subscriptions .zinio, #digital-subscriptions .readwhere {float: left;height: 44px;}

#follow-us-on {
    border: 2px solid #d9d9d9;
    padding-bottom: 7px;
}

#follow-us-on .follow-facebook {
    margin-left: 20px;
}

#follow-us-on .follow-facebook, #follow-us-on .follow-twitter, #follow-us-on .follow-youtube, #follow-us-on .follow-gplus {
    border-right: 1px solid #d9d9d9;
    float: left;
    position: relative;
    text-align: center;
    width: 52px;
}
/* ---------- sidebar end ------------ */


/* ---------- category page ------------ */
.category-page h1.page-heading {margin-bottom: 15px; font-family:"Droid sans";}
.category-page h1.page-heading a {color: #cc3333;font-size: 1.6rem;font-style: normal;font-weight: bold;letter-spacing:3px;text-transform: uppercase;}

.category-page .hentry + .hentry { margin:15px 0 0}
.category-page .hentry {overflow:hidden; margin:0; /* box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2); */ box-shadow:none; padding:20px; margin-bottom:25px;}
.category-page .hentry + .hentry {margin:15px 0 0; overflow:hidden;box-shadow:none; border-bottom:1px solid #d1d1d1;padding:0; padding-bottom:15px;}
.category-page .feature-image {float:left; width:210px; height:200px; margin-right:15px;text-align:center; overflow:hidden;}
.category-page .hentry + .hentry .feature-image {float:left; width:90px; margin-right:15px; height:90px; overflow:hidden;}
.category-page .feature-image img {margin:0; height:100%; width:auto; max-width:none; float:none;}
.category-page h1 {clear:none; font-family: "Droid Serif";font-size: 1.4rem;font-style: normal;font-weight: normal;line-height: 18px;text-transform: capitalize;}
.category-page h2 {clear:none;}

.category-page .hentry h2 a {font-size:1.4rem;}
.category-page h2 {color: #cc3333; text-transform: uppercase; font-family:arial;font-weight:normal;}
.category-page h2 a {color: #cc3333;}

.category-page .hentry + .hentry h2 a {font-size: 1.1rem;}

.category-page .hentry .feature-subhead {font-size:1.6rem;}
.category-page .hentry + .hentry .feature-subhead {font-size:1.3rem;}

.category-page .hentry .authorndate {font-size:1.2rem;}
.category-page .hentry + .hentry .authorndate {font-size:1.1rem;}

.authorndate .uppercase {text-transform:uppercase;}

/* ------------  category page end  ---------------- */

/* ------------  category vantage page start  ---------------- */
.vantage-head {border-bottom:1px solid #000000;padding-bottom:15px;width:100%;margin-bottom:15px;}
.vantage-head .vantage-logo {width: 700px;text-align: center;float:left;}
.vantage-head .vantage-search {float:left;}
.category-vantage-page .category-vantage h2 {font-family:"Droid Sans"; font-size:14px;font-weight:bold;}
.category-vantage-page .category-vantage h1 {font-size:2.3rem; line-height:25px;}
.category-vantage-page .category-vantage {padding:20px 0;border-bottom:1px solid #d1d1d1;margin:0;}
.category-vantage-page .category-vantage .feature-image {float:none; height:400px; margin:5px 0;text-align:left;width:100%;}
.category-vantage-page .category-vantage .share-with {margin-top:0 !important;}
.category-vantage-page .category-vantage .feature-subhead {font-size:1.4rem;}
.category-vantage-page .category-vantage .read-more {float:right; font-size:1.3rem; font-family:"Droid Serif";color:#cc3333;}
.category-vantage-page .category-vantage .read-more a {color:#cc3333;}
.category-vantage-page .category-vantage .feature-subhead {font-size:1.4rem;line-height:20px;}
/* ------------  category vantage page end     ---------------- */

/*-------------  category events page starts -------------------*/
.category-events .event-image {height:280px; width:auto; overflow:hidden;}
.category-events .event-image, .category-events h1, .category-events .event-body {text-align:center;}
.category-events h1{color:#cc3333;font-weight:bold;margin-bottom:15px;}
.category-events .event-image img {height:100%; width:auto;}
.category-events .event-body {margin:15px 0; font-size:1.4rem;}
.category-page .event-rows {border-bottom: 1px solid #d1d1d1 !important; margin-top: 17px !important; min-height: 0 !important;overflow: hidden;padding-bottom: 10px !important;}
.category-page .event-rows p {margin:14px 0;}
.category-events .event-body a {color:rgb(0, 0, 238);}
/*-------------  category events page end    -------------------*/

/* ----------- single-post.php single post page setting --------------- */
.single-post .type-post * {padding:0; margin:0;}
.single-post .type-post, .page .type-page {margin:0; padding:0; box-shadow:none; }
.single-post #breadcrumbs {font-family: arial;font-size: 13px;margin-bottom: 10px;}
.single-post #breadcrumbs a {color:#999;text-decoration:underline;}

.single-post .story-cat {
	color: #cc3333;
    font-family: "Droid Sans" !important;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.single-post .story-cat a {color: #cc3333;}
.single-post .post-slug {font-size:14px;line-height:18px;color:#494949;font-family:arial;letter-spacing:0; font-weight:normal; margin-left:10px;}
.single-post .post-title {clear: both;font-size: 3.6rem;font-style: normal;font-weight: normal;text-transform: capitalize; line-height:36px;}
.single-post .post-subheading {  font-family: "droid serif";
    font-size: 1.8rem;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;}
.single-post .authorndate {font-size:1.2rem; line-height:22px;}
.single-post .feature-image {margin-top:15px;}
.single-post .entry-content, .single-post .entry-summary {padding-top:15px;}
.single-post .entry-content p, .single-post .entry-summary p {margin: 18px 0;
	font-family: "Droid Serif";
	font-size: 14px !important;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;}
.post-bottom h3 {font-family:"droid sans";font-size: 13px;letter-spacing: 2px;text-transform:uppercase;}
.post-bottom {border-top: 5px solid #d1d1d1;clear: both;overflow: hidden;padding-bottom: 20px !important;padding-top:20px !important; display:table; width:100%;}
.post-bottom .block {display:table-cell;}	
.post-bottom .block-1 {padding-right:10px !important; width:250px;}
.post-bottom .block-2 {padding-left:10px !important; padding-right:10px !important; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; width:260px;}
.post-bottom .block-3 {padding-left:10px !important; width:150px;}
.single-post .shortbioview p {font-size:13px !important; }
.single-post .shortbioview {border-top: 1px solid #d1d1d1;
    color: #888;
    font-family: "Droid Serif";
    font-size: 13px !important;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 20px;}
.single-post .no-break, .type-page .no-break {box-sizing:content-box; display:none;}

.single-post .page-links {text-align:right;}

.multipage, .fullpage-body {display:none;}
.single-page, .multipage {cursor:pointer;}
.text-size-bottom {overflow:hidden;}

/* ----------- page navigation ----------------- */
.wp-pagenavi a, .wp-pagenavi span {border:none;}
.wp-pagenavi {float: right; padding: 10px 0;}
.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi .page, .wp-pagenavi .previouspostslink {padding:0 8px;border-right: 1px solid #000; }
.wp-pagenavi .current {color: #cc3333;font-weight: bold;}
.wp-pagenavi .extend, .wp-pagenavi .nextpostslink { padding:0 8px;}


/** -------- facebook comment setting ------------  **/
.post-fb-comments {border-top: 5px solid #d1d1d1;
    clear: both;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    padding-top: 0 !important;
    margin-top: 20px !important;	
	}
.post-fb-comments .comment_count, .post-fb-comments h2 { margin:10px 0 !important;}
.share-with {border-left: 5px solid #cccccc;
    clear: left;
    float: right;
    margin-bottom: 5px !important;
    margin-left: 20px !important;
    margin-top:18px !important;
    padding-bottom: 5px !important;
    padding-left: 9px !important;}
.share-with .st_print_custom, .share-with .st_email_custom { cursor:pointer;}
.share-with .print-email {margin-top: 6px !important;}	
.share-with * {box-sizing:content-box;}

/* ---------------  comment singal post single-post.php start --------------- */
#comments.comments-area {box-shadow:none;}
#comments h2 {font-size:12px; text-transform:uppercase;}
#comments, #comments time {font-size:1.3rem; font-family:arial; line-height:15px;}
#comments .comment-meta {float:left; line-height:18px;}
#comments .comment-content {
	border-left: 1px solid #d1d1d1;
    float: right;
    padding-left: 16px;
    width: 386px;
	}
#comments .reply {clear:both;float:right; margin:0 5px 0 0; padding:0;}
#comments .reply a {border: medium none;
    font-size: 13px;
    font-weight: normal !important;
    margin: 0 5px;
    padding: 0;
    text-transform: lowercase;}
#comments .comment-body {
	border-bottom: 1px solid #d1d1d1;
	border-top:none;
	border-right:none;
	border-left:none;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;}

#comments article::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#comments article {display:block;}

#respond, #respond h3, #respond form, #respond p, #respond label {font-family:Arial; font-size:13px !important;font-weight:normal;}
#respond textarea {background:none;}
#respond .form-submit {float:left;margin:10px 0;}
#respond .form-submit .submit {padding:4px; font-weight:normal !important;}

/* ---------------  comment singal post single-post.php end --------------- */

/* ------------  comment navigation start  ----------- */

.wp-commentnavi {float:right;}
.wp-commentnavi a, .wp-commentnavi span {border:none !important;}
.wp-commentnavi a, .wp-commentnavi span {border-right:1px solid #000 !important;}

/* ------------  comment navigation end  ----------- */


/* ------   content post image slider with thumb         --------  */

#rg-image-slider {margin-top:15px;}
.rg-image-nav { height:435px; left:0; position:absolute; width:100%;}
/*.rg-image {height:435px; overflow:hidden;}*/
.rg-image {max-height:435px; overflow:hidden;}
/*.rg-image img {height:100%; width:auto;}*/
.rg-image img {width:auto;}
.rg-image-wrapper{
	position:relative;
	/*padding:20px 30px !important;
	background:transparent url(../images/black.png) repeat top left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
	min-height:20px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
}
.rg-image img{
	max-height:100%;
	max-width:100%;
}
.rg-view {display:none;}
.rg-image-nav a{
	position:absolute;
	/*top:0px;enable for responsive*/
	top:calc(50% - 23px);
	left:0px;
	background:url(images/nav.png) no-repeat -20% 50%;
	width:32px;
	height:46px;
	/* height:100%; enable for responsive*/
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.3;
	outline:none;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
	z-index:1;
}
.rg-image-nav a.rg-image-nav-next{
	right:0px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption-wrapper .rg-credit{
	color: #333333;
    float: right;
    font-family: arial;
    font-size: 9px;
    margin-right: 10px;
    text-transform: uppercase;
}
.rg-caption-wrapper .rg-caption{color: #333;
    float: left;
    font-family: arial;
    font-size: 12px;
    margin-bottom: 15px;
    width: 100%;
    padding-top: 10px;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(images/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:url(images/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px !important;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}
/* Elastislide Style */
.es-carousel-wrapper{
	/*background: #101010;*/
	padding:10px 27px !important;
	position:relative;
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	/*-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
	-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
	box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);*/
	/*margin-bottom:20px;*/
}
.es-carousel{
	overflow:hidden;
	/*background:#000;*/
}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a{
	display:block;
	border-style:solid;
	border-color:#fff;
	opacity:0.8;
	-webkit-touch-callout:none;
	/* option */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.es-carousel ul li.selected a{
	border-color:#fff;
	opacity:1.0;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav span{
	position:absolute;
	top:50%;
	left:8px;
	background:transparent url(images/nav_thumbs.png) no-repeat top left;
	width:15px;
	height:26px;
	margin-top:-13px !important;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next{
	right:8px;
	left:auto;
	background-position:top right;
}
.es-nav span:hover{
	opacity:1.0;
}
/* ----  slider end  ---- */



/* ----- archive  -----*/
#archive-page {box-shadow:none;}
.archive-list {box-sizing: content-box;
    float: left;
    margin-bottom: 40px;
    margin-right: 55px;
    width: 175px;
	height:255px;
	}
.archive-list .archive-image img {margin:0.4211em 1.6842em 0.2em 0;}
.archive-date {font-size:1.3rem}
/* --- archive end ---*/

/* ----- archive issue listing  -----*/
#archive-issue-page .archive-cover {width:30%; float:left; }
#archive-issue-page .title {color: #cc3333;
	font-family:"Droid Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
	border-bottom:5px solid #d1d1d1;
	margin-bottom:5px;
	text-transform:uppercase;
	letter-spacing:3px;
	}
#archive-issue-page .archive-on-cover { float: right;
    margin-left: 10px;
    width: calc(70% - 10px);
}
#archive-issue-page .archive-on-cover h1 {color: #000;
    font-family: "Droid Serif";
    font-size: 32px;
    font-style: normal;
    font-weight: normal;
    line-height: 34px;
    text-transform: capitalize;}
#archive-issue-page .issue-image {margin-bottom:5px;}
#archive-issue-page .subscribe-digital {background: #cccccc none repeat scroll 0 0;
    padding: 4px 10px;
	text-align:center;
	}
#archive-issue-page .subscribe-digital a {
	color: #cc3333;
	}
#archive-issue-page .archive-story { margin-top: 25px;
    overflow: hidden;}
#archive-issue-page .subject-heading{
	float: left;
    text-align: right;
    width: 150px;
	border-top: 1px solid #d1d1d1;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: inherit;
    padding-top: 22px;
    text-transform: none;
}

#archive-issue-page .subject-content{
border-top: 1px solid #d1d1d1;
    float: right;
    margin-bottom: 20px;
    padding-top: 19px;
    width: 480px;
}
#archive-issue-page .subject-content article {
    margin: 0 0 10px !important;
    overflow: visible;
    padding: 0 !important;}
	
#archive-issue-page .archive-story h3 a {color: #cc3333;font-size: 1.4rem;}	
/* ----- archive issue listing end  -----*/

/* ----- author profile page starts from here  -----*/
.profile-page .author-image {float:left; width:210px; margin-right:50px; overflow:hidden;}
.profile-page .author-first-last-name {font-size:2.8rem;line-height:34px;}
.profile-page .author-bio {font-size:1.6rem;line-height:24px;}
.profile-page .author-header {margin-bottom:40px;}
.profile-page .feature-image {float:left;height:90px;margin-right:15px;overflow:hidden;width:90px; text-align:center;}
.profile-page .feature-image img {height:100%; width:auto; max-width:none;}
.profile-page .author-footer h1,#profile-page .author-footer h2 {clear:none;}
.profile-page .author-footer h1 {font-size:1.4rem;}
.profile-page .author-footer h2 {font-size:1.1rem;}
.profile-page .hentry {
    border-bottom: 1px solid #d1d1d1;
    box-shadow: none;
    margin: 15px 0 0;
    overflow: hidden;
    padding: 0 0 15px;
}
.profile-page .feature-subhead {
    font-size: 1.3rem;
}
.profile-page .related-articles {
border-bottom: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    margin-bottom: 22px;
    padding-bottom: 2px;
    padding-top: 2px;
}
/* ----- author profile page end here  -----*/

/* ----- mast head page --- */
#page-972 hr {margin-top:0.7em !important;margin-bottom:0.7em !important;}
#page-972 {font-family:tahoma,geneva,sans-serif;}

/* -------   login page   ---------- */
.tml-login .tml-submit-wrap input {width:unset; margin:unset;}
.tml-login #wp-submit {padding:2px 5px !important;}

#pop-login-form .tml-user-login-wrap,#pop-login-form .tml-user-pass-wrap {margin:15px 0;}
#pop-login-form #floatdiv a {font-size:inherit;}

.message {border: 2px solid red;padding: 5px;color: red;margin: 5px 0;}

/* --- profile page --- */
#theme-my-login #your-profile * {padding:unset !important;margin:unset !important;}
#theme-my-login #your-profile .tml-user-admin-bar-front-wrap {display:none;}
#theme-my-login #your-profile .wp-generate-pw, #theme-my-login #your-profile .button-primary, #theme-my-login #your-profile .text {padding: 5px 10px !important;width: 203px;}
#theme-my-login #your-profile input[type="submit"] {margin-top:50px !important;}


/* -------------- page /cq-mumbai ------------- */
.type-page .cq-mumbai {
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/files/mumbai-bg.png") no-repeat scroll 0 0;
}

/* -------------- mobile responsive menu start  -------------- */

#menu-toggle span, #menu-toggle { box-sizing: border-box;transition: all 0.25s ease-in-out 0s;}
#hamburger span, #cross span {background: none repeat scroll 0 0 #fff;display: block;}
#menu-toggle {background: none repeat scroll 0 0 #000;cursor: pointer;height: 50px;margin: 0px auto;position: fixed;right: 30px;top: 30px;width: 50px;z-index: 200;}
#menu-toggle:hover {background: none repeat scroll 0 0 #000;}
#menu-toggle #hamburger {height: 100%;position: absolute;width: 100%;}
#menu-toggle #hamburger span {height: 4px;left: 10px;margin: 5px 0;position: relative;top: 10px;width: 30px;}
#menu-toggle #hamburger span:nth-child(1) {transition-delay: 0.5s;}
#menu-toggle #hamburger span:nth-child(2) {transition-delay: 0.625s;}
#menu-toggle #hamburger span:nth-child(3) {transition-delay: 0.75s;}
#menu-toggle #cross {height: 100%;position: absolute;-o-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);width: 100%;}
#menu-toggle #cross span:nth-child(1) {height: 0;left: 24px;position: absolute;top: 10%;transition-delay: 0s;width: 4px;}
#menu-toggle #cross span:nth-child(2) {height: 4px;left: 10%;position: absolute;top: 24px;transition-delay: 0.25s;width: 0;}
#menu-toggle.open #hamburger span {width: 0;}
#menu-toggle.open #hamburger span:nth-child(1) { transition-delay: 0s;}
#menu-toggle.open #hamburger span:nth-child(2) {transition-delay: 0.125s;}
#menu-toggle.open #hamburger span:nth-child(3) { transition-delay: 0.25s;}
#menu-toggle.open #cross span:nth-child(1) { height: 80%; transition-delay: 0.625s;}
#menu-toggle.open #cross span:nth-child(2) {transition-delay: 0.375s;width: 80%;}
#menu {background: url(images/back.png) repeat scroll 0 0 rgba(0, 0, 0, 0.8); color: #fff; display: none; height: 100%; left: 0; position: fixed; top: 0; transform: scale3d(0.9, 0.9, 0.9); width: 100%; z-index: 190;	padding:80px 20px 20px; overflow:scroll;}
#menu ul {}
#menu ul li a {color: #fff;font-size: 13px;}
@-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9);}100% {opacity: 1;-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);}}

@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}

100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

@-webkit-keyframes zoomOut {
100% {
opacity: 0;
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}

0% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

@keyframes zoomOut {
100% {
opacity: 0;
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}

0% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

.zoomIn {
animation-name: zoomIn;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.zoomOut {
animation-name: zoomOut;
}

.main-navigation a {display:unset; margin:unset;}
.main-navigation .menu-item-has-children > a {padding-right:unset;}

#menu #menu-top-navigation-1 {width:160px; padding-left:10px;}
.dropdown-toggle, .dropdown-toggle:after {height:auto; width:auto; line-height:normal;}
.dropdown-toggle {top:0;}

/* -------------- mobile responsive menu end  -------------- */


/*
 * 16.0 Media Queries
 */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/**
 * 16.1 Mobile Large 620px
 */

/* ---------------- responsive above 550 ------------------------ */
@media screen and (min-width: 550px) and (max-width: 801px)
 {
#menu-toggle {display:block;}
.menu-item-description {display:none;}
#top-ads-right, #menu-top-navigation{display:none;}
#wrapper #container, #footer-wrapper .container, #header #top-ads-left {float:none; width:100%;padding:unset; margin:unset;}
.content-front-page, .search-results .search-post, .category-page, .type-page, .type-post, #archive-page, .archive-issue-page, #search-page, #profile-page, .front-container .photoessay-block {width:100%;float:none; margin:unset; padding:unset;}
.sidebar {float:none; margin:unset; padding:unset; border:none;}
.sidebar {margin:auto;}
#wrapper {overflow:hidden;background:#fff;}
#header {background:#000 none repeat scroll 0 0;padding-bottom:10px;}
.bx-wrapper {height:220px;}
.bx-wrapper .slider-image {height:215px;width:40%;}
.bx-wrapper .slider-image img {max-width:none;}

.front-container .title {font-size:14px !important ; line-height:16px;padding-top:5px;}
#vantage .title {line-height:16px;}
.front-container .authorndate {font-size:10px !important; margin:5px 0; line-height:13px;}

.front-container .blocks .front-feature-image {width:40%;max-width:120px;margin-right:3%;}
.front-container #more-caravan .view-content {width:100%;}
#sidebar-1 #most-read-comment .su-tabs-nav > span {float:left;}
.vantage-head .vantage-logo {width:100%;}
.content-front-page, .search-results .search-post, .category-page, .type-page, .type-post, #archive-page, .archive-issue-page, #search-page, #profile-page, .front-container .photoessay-block,.single-post .type-post, .page .type-page {padding:0 8px;}
.wp-pagenavi {float:none;}

.single-post .post-title {font-size:2rem;line-height:24px;}
.single-post .entry-content p, .single-post .entry-summary p {font-size:15px !important;}
.rg-image-nav {height:100%;}
.single-post .type-post, .page .type-page {overflow:hidden;}
}

/* ---------------- responsive below 550 ------------------------ */

@media screen and (max-width: 549px) {
.menu-item-description {display:none;}
#menu-toggle {display:block;}
#top-ads-right, #menu-top-navigation{display:none;}
#wrapper #container, #footer-wrapper .container, #header #top-ads-left {float:none; width:100%;padding:unset; margin:unset;}
.content-front-page, .search-results .search-post, .category-page, .type-page, .type-post, #archive-page, .archive-issue-page, #search-page, #profile-page, .front-container .photoessay-block {width:100%;float:none; margin:unset; padding:unset;}
.sidebar {float:none; margin:unset; padding:unset; border:none;}
.sidebar {margin:auto;}
.bx-wrapper .slider-image img {max-width:none;}

#secondary-nav,#reporting-story {display:none;}
.bx-wrapper .slider-image, .bx-wrapper .slider-content, #reporting-essay .view-row,.front-container .blocks, .front-container #front-books-block, .front-container #front-archive-block, .front-container .opinions-report-block .blocks,.current-issue-image, #archive-issue-page .archive-cover, #archive-issue-page .archive-on-cover,#archive-issue-page .subject-heading,#archive-issue-page .subject-content {float:none; width:100%;padding:unset; margin:unset;}
.bx-wrapper {height:auto;}
#archive-slider {overflow:hidden;}
.bx-wrapper .slider-image img {margin:auto;}
.bx-wrapper .slider-content {height:210px;padding:0 5px;}
#vantage .view-row-3 {display:none;}
#vantage .view-row {width:50%;}
#vantage .view-row-2,#reporting-essay .view-row-1,.front-container #front-books-block {border-right:none;}
.cover-story, .in-this-issue{float:left;margin:unset;width:85px;}
.cover-story, .in-this-issue {margin-top:1px;}
.in-this-issue {margin-left:1px;}
#reporting-essay .front-feature-image {width:100%; height:auto;}
.front-container .title {font-size:15px !important ; line-height:16px; padding-top:5px;}
#reporting-essay img {width:100%; height:auto;}
#wrapper {overflow:hidden;background:#fff;}
#header {background:#000 none repeat scroll 0 0;padding-bottom:10px;}

#sidebar-1 #most-read-comment .su-tabs-nav > span {float:left;}
.vantage-head .vantage-logo {width:100%;}

.content-front-page, .search-results .search-post, .category-page, .type-page, .type-post, #archive-page, .archive-issue-page, #search-page, #profile-page, .front-container .photoessay-block,.single-post .type-post, .page .type-page {padding:0 8px;}
.wp-pagenavi {float:none;}

#logo-floater {text-align:center;}
header #logo{float:none; margin:unset;}
#search-box.right {float:none;}
header #search-box {margin-top:19px;}
.menu-top-navigation-container {height:unset;}
#logo-floater {padding-bottom:unset;}
header #search-box .search-field {width:50%;}
.single-post .post-title {font-size:2rem;line-height:24px;}
.single-post .entry-content p, .single-post .entry-summary p {font-size:15px !important;}
.front-container .subhead {padding-bottom:10px;}
.front-container .opinions-report-block .blocks, .front-container .books-archive-block .blocks {padding:0 5px;}
.front-container .opinions-report-block .block-2 {border-left:none; border-top:1px solid #d1d1d1; margin-top:10px !important;}
#front-archive-block #archive-slider {padding-top: 5px; border-top: 1px solid #d1d1d1;}
.rg-image-nav {height:100%;}
.share-with {border:none;float:none;margin:unset !important;padding:unset !important;}
.single-post .type-post, .page .type-page {overflow:hidden;}
#archive-issue-page .subject-heading {text-align:center;}
}




@media screen and (min-width: 38.75em)
{

	/* restore screen-reader-text */
	.pagination .current .screen-reader-text {
		position: absolute !important;
	}
}


/**
 * 16.2 Tablet Small 740px
 */

@media screen and (min-width: 46.25em) {

}


/**
 * 16.3 Tablet Large 880px
 */

@media screen and (min-width: 55em) {

}


/**
 * 16.4 Desktop Small 955px
 */

@media screen and (min-width: 59.6875em) {

}


/**
 * 16.5 Desktop Medium 1100px
 */

@media screen and (min-width: 68.75em) {

}


/**
 * 16.6 Desktop Large 1240px
 */

@media screen and (min-width: 77.5em) {

}


/**
 * 16.7 Desktop X-Large 1403px
 */

@media screen and (min-width: 87.6875em) {

}


/**
 * 17.0 Print
 */

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		font-size: 11.25pt;
	}

	.secondary-toggle,
	.navigation,
	.page-links,
	.edit-link,
	#reply-title,
	.comment-form,
	.comment-edit-link,
	.comment-list .reply a,
	button,
	input,
	textarea,
	select,
	.widecolumn form,
	.widecolumn .mu_register form {
		display: none;
	}

	.site-header,
	.site-footer,
	.hentry,
	.entry-footer,
	.page-header,
	.page-content,
	.comments-area,
	.widecolumn {
		background: none !important; /* Make sure color schemes dont't affect to print */
	}

	body,
	blockquote,
	blockquote cite,
	blockquote small,
	label,
	a,
	.site-title a,
	.site-description,
	.post-title,
	.author-heading,
	.entry-footer,
	.entry-footer a,
	.taxonomy-description,
	.entry-caption,
	.comment-author,
	.comment-metadata,
	.comment-metadata a,
	.comment-notes,
	.comment-awaiting-moderation,
	.no-comments,
	.site-info,
	.site-info a,
	.wp-caption-text,
	.gallery-caption {
		color: #000 !important; /* Make sure color schemes don't affect to print */
	}

	pre,
	abbr[title],
	table,
	th,
	td,
	.site-header,
	.site-footer,
	.hentry + .hentry,
	.author-info,
	.page-header,
	.comments-area,
	.comment-list + .comment-respond,
	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback,
	.no-comments {
		border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */
	}

	.site {
		margin: 0 7.6923%;
	}

	.sidebar {
		position: relative !important; /* Make sure sticky sidebar doesn't affect to print */
	}

	.site-branding {
		padding: 0;
	}

	.site-header {
		padding: 7.6923% 0;
	}

	.site-description {
		display: block;
	}

	.hentry + .hentry {
		margin-top: 7.6923%;
	}


	.sticky-post {
		background: #000 !important;
		color: #fff !important;
	}

	.entry-header,
	.entry-footer {
		padding: 0;
	}

	.entry-content,
	.entry-summary {
		padding: 0 0 7.6923%;
	}

	.post-thumbnail img {
		margin: 0;
	}

	.author-info {
		margin: 0;
	}

	.page-content {
		padding: 7.6923% 0 0;
	}

	.page-header {
		padding: 3.84615% 0;
	}

	.comments-area {
		border: 0;
		padding: 7.6923% 0 0;
	}

	.site-footer {
		margin-top: 7.6923%;
		padding: 3.84615% 0;
	}

	.widecolumn {
		margin: 7.6923% 0 0;
		padding: 0;
	}
}
