/*
Theme Name: Chaaipani
Theme URI: http://underscores.me/
Author: Anand Chowdhary
Author URI: https://anandchowdhary.com
Description: A beautiful experience for Chaaipani
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: chaaipani
Tags: chaai, pani
*/


	body { text-rendering: optimizeLegibility; padding: 0; background-color: whitesmoke; position: relative; word-wrap: break-word; -webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch; font-family: "Neuton", serif; font-size: 16px; line-height: 1.5; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #4c4c4c }
	body { background: whitesmoke }
	#mobileMast, #bottombar { z-index: 9999; background: #fff; height: 45px; position: fixed; left: 0; right: 0; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); color: #666; }
	#mobileMast img { height: 35px; margin-top: 5px }
	#mobileMast { border-bottom: 1px solid #e2e2e2; top: 0 }
	#mobileMast .col-3 { font-size: 22px; margin-top: 5px }
	#bottombar { border-top: 1px solid #e2e2e2; bottom: 0; }
	#bottombar span { font-size: 11px; text-transform: capitalize; font-family: "Lato", sans-serif }
	#bottombar i { font-size: 20px; margin-top: 6px; margin-bottom: -6px; display: block; }
	.entry-content { font: 20px/27px "Neuton", serif }
	a { color: #006aa4 }
	.kicker { color: #006aa4; font: 13px "Lato", sans-serif; line-height: 1; margin: 0 0 8px; display: block; text-transform: uppercase; white-space: nowrapl font-weight: 700; }
	article header { position: relative; padding: 20px 0 0; margin: auto auto 35px; margin-bottom: 15px }
	article header h1 { font-size: 21px; line-height: 27px; font-family: "Lato", sans-serif; margin-bottom: 0; font-weight: 700 }
	@media (min-width: 991px) {
		.col-md-6 .post-card-this h2 { font-size: 150% }
		article header h1 { font: 42px/50px "Lato", sans-serif; font-weight: 700 }
		.kicker { font: 15px "Lato", sans-serif; font-weight: 700 }
		.entry-content { font: 22px/30px "Neuton", serif }
		.article-hero-image { margin: 45px 0 } 
	}
	#masthead { font-family: "Lato", sans-serif; background: #fff; padding: 20px; border-bottom: 1px solid #e2e2e2; color: #999 }
	#masthead nav li { display: inline-block; }
	#masthead nav ul { margin: 0; padding: 0; list-style: none; white-space: nowrap; overflow-x: auto; }
	#masthead nav.sections-nav a { font-size: 130%; margin-right: 35px; color: #666; }
	#masthead nav a:hover { text-decoration: none; color: #444 }
	.entry-content strong, .entry-content b { font-family: "Lato", sans-serif; font-size: 83%; margin: 0 2px; line-height: 1.6 }
	p:not(:last-child) { margin-bottom: 1.5rem }
	.entry-sidebar { font-family: "Lato", sans-serif; font-size: 90% }
	.entry-sidebar strong { font-size: 110%; color: #666 }
	blockquote { color: #006aa4; margin: 30px 30px 40px 30px; font-size: 115%; font-style: italic; position: relative; text-align: center; }
	blockquote::before { content: "\201C"; position: absolute; top: 10px; left: -50px; font-size: 96px }
	blockquote::after { content: "\201D"; position: absolute; bottom: -15px; right: -50px; font-size: 96px }
	.article-hero-image { background: #aaa; height: 75vh; background-size: cover; max-width: 1600px; margin-left: auto; margin-right: auto }
	figure, iframe, object, embed, img { max-width: 100% }
	img { max-width: 100%; height: auto }
	figcaption { font-size: 72%; color: #888; font-family: "Lato", sans-serif; margin-top: 10px }
	#masthead a.logo img { height: 50px }
	.right-navbar i { font-size: 32px; margin-top: 5px }
	.right-navbar a { min-width: 30px; display: inline-block; text-align: center; }
	#masthead nav.right-navbar a { margin-right: 0; margin-left: 20px; color: #666; }
	#masthead nav.right-navbar a:hover { color: #555 }
	.btn-li a { margin-top: -15px; color: #d9534f !important }
	.btn-li a:hover { color: #fff !important }
	@media (max-width: 991px) {
		blockquote::after { display: none; }
		blockquote::before { left: -50px }
		blockquote { margin-right: 0; text-align: left; margin-left: 40px; margin-bottom: 35px }
		article .container { padding-left: 25px; padding-right: 25px; }
		#content { margin: 45px 0; }
		.article-hero-image { height: 50vw }
	}
	[data-tt] { position: relative; }
	[data-tt]:after {
		content: attr(data-tt);
		position: absolute;
		bottom: -53px;
		left: 50%;
		transform: translate(-50%, 0);
		background: #999;
		padding: 10px 15px;
		border-radius: 5px;
		color: #fff;
		display: none;
		z-index: 1;
	}
	[data-tt]:before {
		width: 0; 
		height: 0; 
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #999;
		position: absolute;
		bottom: -10px;
		left: 50%;
		transform: translate(-50%, 0);
		display: none;
		content: "";
	}
	.avatar { border-radius: 100% }
	[data-tt]:hover:after { display: block; }
	[data-tt]:hover:before { display: block; }
	#colophon, .sharing-buttons { font-family: "Lato", sans-serif }
	.sharing-buttons a { margin-right: 5px }
	#colophon h3 { font-weight: 700; font-size: 110%; }
	.btn i.ion {
		transform: scale(1.3);
	}
	.share-icons a { font-size: 160%; margin-right: 15px }
	.share-icons i.ion-logo-twitter { color: #00ACED }
	.share-icons i.ion-logo-facebook { color: #3B5998 }
	.share-icons i.ion-logo-instagram { color: #E53563 }
	.share-icons i.ion-logo-googleplus { color: #c00 }
	.share-icons i.ion-md-mail { color: #999 }
	.share-icons a:last-child { margin-right: 0 }
	.rating-card img { height: 25px }
	.the-author-tagline { font-family: "Lato", sans-serif; text-transform: uppercase; font-weight: 700; color: #aaa }
	.author-block p { font-family: "Lato", sans-serif }
	iframe { width: 100% }
.kk-star-ratings .kksr-star { background-size: contain }
	.overhead-nav {
		position: fixed;
		background: #fff;
		right: 0; top: 0; bottom: 0;
		z-index: 9999999;
		width: 350px;
		padding: 2rem 3rem;
		max-width: 80%;
		overflow: auto;
		box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
	}
	.overhead-nav ul { margin: 0 0 3rem 0; padding: 0; list-style: none; }
	.overhead-nav li { font-family: "Lato", sans-serif; margin-bottom: 1.25em }
	.overhead-nav a { color: inherit; }
	.mobile-sections { font-size: 125% }
	.overhead-nav-bg { z-index: 999999; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(125, 125, 125, 0.6) }

.widget_widget_tptn_pop .widget-title {
	display: none;
}
.widget_widget_tptn_pop .card { overflow: hidden; }
.widget_widget_tptn_pop a {
	font-weight: 700;
	color: inherit;
}
.widget_widget_tptn_pop a:hover {
	text-decoration: none;
}

.widget_widget_tptn_pop, .col-md-7.card-block, .post-card-this { font-family: "Lato", sans-serif; color: inherit }
.widget_widget_tptn_pop .card-block img {
	margin: -1.5em;
	margin-bottom: 1em;
	width: calc(100% + 3em);
	max-width: 200%;
}
.post-card-this { color: inherit }
.post-card-this h2 { font-weight: 700; line-height: 1.3 }
.post-card-this:hover { text-decoration: none; }
.section-heading { font-family: "Lato", sans-serif; font-weight: 700; color: #999; font-size: 140% }
.category-head-chaaipani { background: #eee; padding: 10vh 0; position: relative; }

@media (max-width: 991px) {
	.post-card-this h2 { margin: 0 10px; font-size: 105% }
	.post-card-this, .load-more-btn {
		border-radius: 0;
		border: none;
	}
	.video-hero { height: 200px !important }
	.video-hero h1 { font-size: 110% !important }
	.video-hero::after { zoom: 0.4 !important; }
	.padmob0 { padding: 0 }
	.container-lg .row .col-md-5 { padding: 0 }
	.container-lg .row .col-md-7 { padding-left: 5px; padding-right: 5px; background: #fff }
	.section-heading { text-align: center; font-size: 100% }
	#sidebar { display: none; }
	.category-head-chaaipani { padding: 5vh 0; text-align: center; }
}
.hero-category a { background: #333; color: #fff; font-family: "Lato", sans-serif; padding: 10px; font-weight: 700; text-transform: uppercase; }

.bg-real-life, .category-real-life.hero-category a { background-color: #1abc9c !important }
.bg-impact, .category-impact.hero-category a { background-color: #3498db !important }
.bg-entrepreneurship, .category-entrepreneurship.hero-category a { background-color: #9b59b6 !important }
.bg-innovation, .category-innovation.hero-category a { background-color: #e67e22 !important }
.bg-leadership, .category-leadership.hero-category a { background-color: #c0392b !important }
.bg-best-of-you, .category-best-of-you.hero-category a { background-color: #f39c12 !important }
.bg-news-of-interest, .category-news-of-interest.hero-category a { background-color: #34495e !important }
.bg-events, .category-events.hero-category a { background-color: #ff5d99 !important }

nav a.real-life.active, .real-life-article-block:hover, nav a.real-life:hover, .real-life-article .ctaText, .real-life a,-article .real-life-article blockquote { color: #1abc9c !important }
nav a.impact.active, .impact-article-block:hover, nav a.impact:hover, .impact-article .ctaText, .impact-article a, .impact-article blockquote { color: #3498db !important }
nav a.entrepreneurship.active, .entrepreneurship-article-block:hover, nav a.entrepreneurship:hover, .entrepreneurship-article .ctaText, .entrepreneurship-article a, .entrepreneurship-article blockquote { color: #9b59b6 !important }
nav a.innovation.active, .innovation-article-block:hover, nav a.innovation:hover, .innovation-article .ctaText, .innovation-article a, .innovation-article blockquote { color: #e67e22 !important }
nav a.leadership.active, .leadership-article-block:hover, nav a.leadership:hover, .leadership-article .ctaText, .leadership-article a, .leadership-article blockquote { color: #c0392b !important }
nav a.best-of-you.active, .best-of-you-article-block:hover, nav a.best-of-you:hover, .best-of-you-article .ctaText, .best-of-you a, -article.best-of-you-article blockquote { color: #f39c12 !important }
nav a.news-of-interest.active, .news-of-interest-article-block:hover, nav a.news-of-interest:hover, .news-of-interest-article .ctaText, .news-of-interest a, -article.news-of-interest-article blockquote { color: #34495e !important }
nav a.events.active, .events-article-block:hover, nav a.events:hover, .events-article .ctaText, .events-article a, .events-article blockquote { color: #ff5d99 !important }

nav a.active { font-weight: 700 }

.sharing-buttons a { color: #fff !important }

.ctaText { text-decoration: none !important }
.postTitle, .ctaText { font-family: "Lato", sans-serif }

.post-card-featured h2 { margin: 0 !important }

.screen-reader-text { position: absolute; left: -100px; top: -100px; opacity: 0; text-indent: -9999px; width: 1px; overflow: hidden; }

.nav-previous, .nav-next { width: 48%; background: #fff; border-radius: 5px; border: 1px solid #ddd; font-family: "Lato", sans-serif; padding: 15px; font-size: 110%; font-weight: 700; }
.nav-previous { float: left }
.nav-next { float: right; text-align: right }
.nav-links:after { content: ""; display: block; clear: both }
.nav-next:after { content: "\f287"; font-family: "Ionicons"; margin-left: 10px }
.nav-previous:before { content: "\f27d"; font-family: "Ionicons"; margin-right: 10px }

.has_it:after {content: ""; position: absolute; left: 0; right: 0; top: 0; z-index: 0; bottom: 0; background: rgba(0,0,0,0.5); }
.has_it > * { position: relative; z-index: 2 }
.load-more-btn { border: none }

#buddypress .item-list-tabs, #buddypress #item-header, #buddypress #item-nav, .bp-user .entry-title { display: none !important; }

#set-post-thumbnail { float: left; padding: 5px 15px; margin-top: 20px; font-size: 16px; display: inline-block; color: #fff; background: #006aa4; font-family: "Lato", sans-serif; border-radius: 5px; }
.sans { font-family: "Lato", sans-serif !important }
.sans.bold { font-weight: 700 !important }
.post-views.entry-meta { display: none; }

.home-video { background: #eee; height: 200px; position: relative }
.home-video::after { content: "\f357"; font-family: "Ionicons"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; background: rgba(0, 0, 0, 0.5); height: 50px; border-radius: 100%; text-align: center; line-height: 50px; font-size: 24px; width: 50px }
.home-video:hover::after { background: rgba(0, 0, 0, 0.75); }
.video-hero { position: relative; background: #eee; height: 75vh; background-size: cover; background-position: center; display: block }
.video-hero::after { content: "\f357"; font-family: "Ionicons"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; background: rgba(0, 0, 0, 0.5); height: 150px; border-radius: 100%; text-align: center; line-height: 150px; font-size: 64px; width: 150px }
.video-hero:hover::after { background: rgba(0, 0, 0, 0.75); }

@media (min-width: 1400px) { .container.container-lg { width: 1340px; max-width: 100%; } }
h1, h2, h3 { font-weight: 700; font-family: "Lato", sans-serif }
strong, b { font-weight: 700 }

input, button, select, textarea { font-family: "Lato", sans-serif }

.card, #masthead, #colophon { border: none; box-sizing: 0px 10px 30px rgba(0, 0, 0, 0.0275) }
#wpadminbar { display: none !important }
.oneall_social_login_providers iframe { height: 60px !important; width: 162px !important }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "Lato", sans-serif }

.page:not(.edit) main form { max-width: 600px; margin: auto }
.page:not(.edit) main form input:not([type="checkbox"]), .page:not(.edit) main form textarea { width: 100%; font-family: "Lato", sans-serif; padding: 1rem 1.5rem; background: #fff; border: 1px solid #ddd; border-radius: 5px }
.page:not(.edit) main form { font-family: "Lato", sans-serif }
.page:not(.edit) main form p { font-weight: bold; margin-bottom: 0 }
.page:not(.edit) main form label { font-weight: normal; font-size: 80%; width: 100%; margin-top: 0.5rem; margin-bottom: 1rem; display: block }
.page:not(.edit) main form label > * { margin-top: 10px; display: block }
.page:not(.edit) main form input[type="submit"] { padding: 1rem 0; box-sizing: border-box; background: #0275d8; border-color: #0275d8; color: #fff }

.page-id-7702 span.wpcf7-list-item { display: block; width: 100% }
.page-id-7702 input[type="checkbox"], .page-id-7702 .wpcf7-list-item-label { display: inline-block !important }
.page-id-7702 span.wpcf7-list-item { margin: 0 !important }
.page-id-7702 .wpcf7-list-item.first { margin-top: -3rem !important }
.page-id-7702 input[type="checkbox"] { margin-right: 10px !important; transform: scale(1.5) translate(0, -2px) }

pre { white-space: normal; font-size: 80%; line-height: 1.55; }