/*
Theme Name: WP Bootstrap Starter VS
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Template: wp-bootstrap-starter
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description: The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Tags: blog,custom-menu,featured-images,threaded-comments,translation-ready,right-sidebar,custom-background,e-commerce,theme-options,sticky-post,full-width-template
Version: 3.0.8.20190926
Updated: 2018-02-26 20:21:52

*/

/* customize.php Preset Styles > Litera + Montserrat/Opensans */

/* customize.php Preset Styles > Litera + Montserrat/Merriweather ... nish doesn't like the numbers being vastly diff than letters ... vs2018.04.25 */
/*trivani wants more global margin/padding... https://intelladapt.quip.com/iabqAY0NI7Pg/IntellAdaptcom-Documentation - "Page needs to be indented left and right "*/
.container-fluid section > .row,
.site-content-blog .container-fluid > .row,
.site-content-blogpost .container-fluid > .row,
.entry-content > .row
{
	padding-right: calc(15px + 1rem);
	padding-left: calc(15px + 1rem);
}
 ::-moz-selection {
	background: #6bdcf2;
}
::selection {
	background: #6bdcf2;
}
html {
	/*because sometimes (short content) space is seen below footer that is #111*/
	background-color:#111;
	font-size: 100%;
}
@media only screen and (max-width: 1280px) {
	/* parent style.css sets this to 95% for some reason */
	html {
		font-size: 100%;
	}
}
body {
	line-height:1.6;
	color: #333;
}
/* font overrides */
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight:normal;
}
h2, h3, h4, h5, h6 {
	padding-bottom: .3em;
}
/*class for serif font*/
 p, ol, ul, dl, table, .ff-s, blockquote {
	/*litera.css overrides the serif fonts selected in customize.php ... change these fonts if you change them in customize.php*/
	/*apparently the bs4 theme author doesn't care if lists have the same family as paragraphs so add the class to your lists for now vs2018.04.22*/
	/*font-family:"Merriweather", serif;*/
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
/*class for sans-serif font*/
 h1, h2, h3, h4, h5, h6, .ff-ss, .site-info, #footer-widget, .sub-tagline, .social-text, .mc-field-group * {
	font-family:"Montserrat", sans-serif;
}
p, ol, ul, dl, table {
	margin-bottom:1.5em;
}
.table.center-cell-content td, .table-responsive.center-cell-content td{
	text-align:center;
}
.table .highlighted, .table-responsive .highlighted{
	background-color:hsla(190, 79%, 76%, 1);
}
.table .darker, .table-responsive .darker{
	background-color:hsla(0, 0%, 50%, 0.1);;
}
.highlight{
	/*was thinking clisk to highlight another item but abandoned*/
	background-color: #ffff00;
}
blockquote {
	position:relative;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes:"\201C""\201D";
}
blockquote:before, blockquote footer:before {
	color: #ccc;
	font-size: 2em;
	line-height: 0.1em;
}
blockquote:before {
	content: open-quote;
	margin-right: 0.25em;
	vertical-align: -0.25em;
}
blockquote footer:before {
	content: close-quote;
	position: absolute;
	right: -.5em;
	top: -1em;
}
blockquote p {
	display: inline;
}
blockquote footer {
	position:relative;
	margin: 1em 0 0 2em;
}
time {
	/* opposite of ia blue 190, used on /publications */
	color: hsl(10, 50%, 33%);
}
*[class*="grad"] time {
	/* opposite of ia blue 190, used on /publications */
	color: hsl(10, 50%, 66%);
}
header#masthead {
	box-shadow: 0 1px 5px -2px rgba(42, 42, 42, .4);
}
section > .row {
	/*need to have consistent padding between rows, this requires section>.row structure in page content every time you want the padding between rows*/
	padding: 30px 0;
}
/* set a width on other content like the blog posts */
 article[id^="sonwalkar-institute-"] p, article[id^="sonwalkar-institute-"] ol, article[id^="sonwalkar-institute-"] ul:not(.nav) {
	/*margin-bottom: 2em;*/
	margin-bottom: 1.125em;
	max-width:64em;
}
.mw-auto, .mw-none{
	/*to unset max-width*/
	max-width:none;
}
article[id^="post-"] h1, article[id^="post-"] h2, article[id^="post-"] h3, article[id^="post-"] h4, article[id^="post-"] h5, article[id^="post-"] h6, article[id^="sonwalkar-institute-"] h1, article[id^="sonwalkar-institute-"] h2, article[id^="sonwalkar-institute-"] h3, article[id^="sonwalkar-institute-"] h4, article[id^="sonwalkar-institute-"] h5, article[id^="sonwalkar-institute-"] h6 {
	margin-bottom: 0;
}
article[id^="post-"]:not(.forum):not(.topic):not(.reply) li + li, article[id^="sonwalkar-institute-"] li+li:not(.nav-item) {
	margin-top:.5em;
}
ul ul, ol ol, ul ol, ol ul {
	margin-top:.5em;
	margin-bottom:0 !important;
}
h1.entry-title {
	text-align:center;
	/*from litera.css*/
	font-size: 2.6575rem;
}
h2.entry-title {
	text-align:left;
}
.pull-right{
	float:right;
}
.pull-left{
	float:left;
}
.pull-right {
	margin-left:1em;
}
.pull-left {
	margin-right:1em;
}
.pull-left, .pull-right {
	margin-bottom:1em;
}
.embed-responsive.embed-responsive-16by9 {
	/*never have the video taller than the viewport vs2018.05.05*/
	/*max-height:90vh; nish complained, possibly that they were too wide BUT he also had the download bar at bottom of his viewport so let's make this shorter vs2018.05.08*/
	max-height:75vh;
}
/*** start gradients */
 .gradient1, .grad1-left, #fp_adm>div, #fp_cor>div {
	/*start/blue left*/
	background: #005454;
	/* Old browsers */
	background: -moz-linear-gradient(left, #005454 0%, #003854 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #005454 0%, #003854 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #005454 0%, #003854 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005454', endColorstr='#003854', GradientType=1);
	/* IE6-9 */
}
.gradient2, .grad1-right, #fp_ins>div, #fp_stu>div, #fp_brain>div {
	/*start/blue right*/
	background: #005454;
	/* Old browsers */
	background: -moz-linear-gradient(right, #005454 0%, #003854 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(eight, #005454 0%, #003854 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #005454 0%, #003854 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003854', endColorstr='#005454', GradientType=1);
	/* IE6-9 */
}
.gradient3, .grad1-top {
	/*start/blue top*/
	background: #005454;
	/* Old browsers */
	background: -moz-linear-gradient(top, #005454 0%, #003854 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #005454 0%, #003854 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #005454 0%, #003854 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005454', endColorstr='#003854', GradientType=0);
	/* IE6-9 */
}
.gradient4, .grad1-bottom {
	/*start/blue bottom*/
	background: #005454;
	/* Old browsers */
	background: -moz-linear-gradient(bottom, #005454 0%, #003854 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, #005454 0%, #003854 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #005454 0%, #003854 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003854', endColorstr='#005454', GradientType=0);
	/* IE6-9 */
}
.gradient5, .grad1-upperleft {
	/*start/blue upper-left*/
	background: #005454;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, #005454 0%, #003854 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #005454 0%, #003854 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #005454 0%, #003854 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005454', endColorstr='#003854', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}
.gradient6, .grad1-lowerleft {
	/*start/blue lower-left*/
	background: #005454;
	/* Old browsers */
	background: -moz-linear-gradient(45deg, #005454 0%, #003854 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #005454 0%, #003854 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #005454 0%, #003854 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005454', endColorstr='#003854', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}
.gradient7, .grad1-radial {
	/*radial*/
	background: #005454;
	/* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #005454 0%, #003854 100%);
	/* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #005454 0%, #003854 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #005454 0%, #003854 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005454', endColorstr='#003854', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}
section[class^="grad"], .m-grad {
	/*check against section#primary fp*/
	margin: 0 -15px 0 -15px;
	padding: 0 15px;
}
/*we might want to blend top of gradient to white in some cases...*/
 .row.grad1-left.grad-top-whitex {
	padding-top:1em;
}
.row.grad1-left.grad-top-whitex::before {
	content:'';
	display: block;
	position: absolute;
	height: 2em;
	top: 0;
	left: 0;
	right: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+25,ffffff+100&1+0,1+25,0+100 */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
	/* IE6-9 */
}
*[class*="grad"],
.wrap-sl {
	position:relative;
	color:black;
	color:hsl(0,0%,95%);
}
*[class*="grad"] .wp-caption, *[class*="grad"] figure {
	background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
	color:#333;
	border: 1px solid rgba(0, 0, 0, 1);
}
*[class*="grad"] .wp-caption figcaption, *[class*="grad"] figure figcaption {
	margin-top:10px;
	border-top:1px solid rgba(0, 0, 0, .25);
}
*[class*="grad"] a:not(.btn) {
	color:#99eeff;
}
*[class*="grad"] a:not(.btn):hover {
	color:#d1e0fa;
}

/*dreamy drop shadow*/
.dds,
#platform .card{
	box-shadow: 0 1px 2px rgba(0,0,0,0.06),
							0 2px 4px rgba(0,0,0,0.05),
							0 4px 8px rgba(0,0,0,0.04),
							0 8px 16px rgba(0,0,0,0.03),
							0 16px 32px rgba(0,0,0,0.02),
							0 32px 64px rgba(0,0,0,0.01);
}

.entry-content *[class*="col-"] {
	/*padding-top:30px;*/
}
.entry-content *[class*="col-"]:first-child {
	/*padding-top:0; disabled because social media page 'cards'*/
}
.entry-content *[class*="grad"] {
	/*padding-top:30px; based on fp*/
}
/*** end gradients */

/*** start background colors */
 .bgc1 {
	background-color:white;
}
/*** end background colors */

/*** start video in first row of a page */
 .row.video1 {
	padding:15px;
	background:#333;
}
.row.video1 > div {
	padding:0;
}
/*** start video in first row of a page */

/*** start nav bar */
 .navbar {
	/*font-size: 1.5em;*/
}
.navbar-brand > a > img {
	height:auto;
	width:auto;
	max-width:300px;
}
/* font is too light/faint... */
 .navbar-light .navbar-nav .nav-link {
	color: rgba(0, 0, 0, 0.8);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
	color: #000;
	color: rgba(0, 0, 0, 1);
}
.navbar {
	font-size: 1em;
}
@media (-webkit-min-device-pixel-ratio: 0) {
	/* Put your WebKit specific code here. */
	.navbar {
		font-weight: 600;
	}
}
.dropdown-menu {
	font-size: 0.875em;
}
.dropdown-menu .dropdown-item:hover {
	background: #4582EC;
	color:white;
}
/*http://intelladapt.com/test/test_typography/*/
 .nav-item.active {
	/*wtf... i cannot find what's causing this misalignment on test_typography... but it messes up an active top nav menu-item that is 'active' like contact*/
	/*margin-top:10px;*/
}
/* because i changed .navbar.navbar-expand-xl to .navbar.navbar-expand-lg need to adjust these breakpoint styles vs2018.05.03 */
 @media screen and (max-width: 1199px) {
	.navbar-nav .dropdown-menu {
		background: #FFF;
		border: 1px solid rgba(0, 0, 0, 0.15);
	}
}
@media screen and (max-width: 992px) {
	.navbar-nav .dropdown-menu {
		background: transparent;
		box-shadow: none;
		border: none;
	}
}
/*** end nav bar */

/*** start header */
 .social-wrap-header {
	position: fixed;
	top: 5px;
	right: 30px;
	z-index:2;
}
.social-wrap-header ul {
	position:relative;
}
.social-wrap-header .social-text {
	font-size: .5em;
	font-weight: 700;
	color: #f2f2f2;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .75);
}
.social-wrap-header .social-icons-inline {
	margin-bottom:0;
	font-size:1.75em;
}
.social-wrap-header a {
	position:relative;
	z-index:10;
}
.social-wrap-header svg {
	filter:drop-shadow(2px 2px 0px rgba(0, 0, 0, .125));
}
/*** end header */

/*** start footer-widget.php */
 #newsletter {
	background: #333;
	color:#EEE;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,111111+100 */
	background: rgb(51, 51, 51);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111', GradientType=0);
	/* IE6-9 */
}
#newsletter p {
	text-align:center;
	max-width:unset;
}
/*** end footer-widget.php */

/*** start footer */
 footer#colophon, #footer-widget {
	/*litera.css uses !important...*/
	background-color: #111 !important;
	color: #999;
	font-size: .85rem;
}
footer#colophon {
	border-top-color: #222;
}
#footer-widget p, #footer-widget ol, #footer-widget ul {
	margin-bottom:1em;
}
.site-info {
	text-align:center;
}
#footer-widget .info {
	white-space: nowrap;
}
#footer-widget a {
	color:#999;
}
#footer-widget .nav > li > a:focus, #footer-widget .nav > li > a:hover, #footer-widget .info a:focus, #footer-widget .info a:hover, #footer-widget li > a:focus, #footer-widget li > a:hover {
	background-color: #111;
	color: #CCC;
	text-decoration: none;
}
#footer-widget img {
	/*margin-bottom:35px;*/
}
#footer-widget .info svg, #footer-widget .info i.fa {
	margin-right: 20px;
}
.social-icons-inline {
	font-size:1.75em;
}
/*** end footer */

/* buttons stuff */
 .btn {
	border-radius:.25rem;
}
.btn-lg, .btn-group-lg > .btn {
	/* litera.css overrides these improperly it seems vs2018.05.14 */
	padding: 0.5rem 1rem;
	font-size: 1.5rem;
	line-height: 1.5;
	border-radius: 0.3rem;
}
/* for when you can't avoid btn wrapping make sure they don't collide */
 .btn-row .btn {
	margin:.5em;
}
	/* litera.css override back to default grey vs2018.08.09 */
.btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

/* different page types */

/* the body tag has a bunch of classes added by the wordpress backend but i am not familiar enough with them to know if i can properly use them for differentiation of page types */

/* header.php has a bunch of php if/else statements to write a custom class to the #content.site-content div so we can write CSS that will apply to specific page types */

/* applies to everything, general page type */
 #content[class^="site-content"] {
	padding-bottom: 0;
	padding-top: 1rem;
	font-size:1.25rem;
}
/* default homepage - is_front_page() && is_home() */
 #content.site-content-default {
	padding-bottom: 0;
	padding-top: 2rem;
}
/* swamini wants a home button, i don't want it on the home page */
 body.home #menu-item-1528 {
	display:none;
}
/* static home page - is_front_page() */
 #content.site-content-front {
	padding-bottom: 0;
	padding-top: 0;
	/*margin-top: -.5rem;*/
}
/* blog page - is_home() */
 #content.site-content-blog, #content.site-content-blogpost {
	padding-bottom: 0;
	/*padding-top: 2rem;
	font-size:1.5rem;*/
}
#content.site-content-blog h2 {
	margin-bottom:.25em;
	padding-bottom: 0;
}
.post-thumbnail {
	/*from montserrat....css*/
	margin-bottom: 0;
}
.site-content-blog .post-thumbnail img {
	max-height: 50vh;
	width: auto;
}
#content.site-content-blog .entry-content {
	margin: .25em 0 0 0;
}
#content.site-content-blog .entry-content > p {
	margin-bottom:.25em;
}
#content.site-content-blog .entry-content + footer {
	border-bottom:1px solid rgba(0, 0, 0, .125);
}
#content.site-content-blog .post.hentry {
	margin-bottom:2em;
}
/* set a width on blog post text content */
 #content.site-content-blogpost p, #content.site-content-blogpost ol, #content.site-content-blogpost ul, p, ol, ul, details, summary, .p-margins {
	margin-bottom: 2em;
	/*margin-bottom: 1.125em;*/
	max-width:52em;
}
[id^="wp-admin-"], ul.nav, .w-unset {
	max-width:unset;
}
/* forum page - is_bbpress() */
 #content.site-content-bbpress {
	padding-top: 1rem;
}
/**/
 #content.site-content-si {
	padding-bottom: 0;
	padding-top: 0;
	/*font-size:1.5rem;*/
}
#content.site-content-si .entry-title {
	padding-top: 2rem;
}
/*** start front page */
 .wrap-sl section .row {
	padding:0;
}
#bgv-text-wrap {
	/*prevent overlap with sharing thing*/
	margin:0 40px;
}
.wrap-sl .btn-primary, #bgv-text-wrap .btn-primary {
	border: 2px solid hsla(60, 100%, 50%, .85);
}
#bgv-text-wrap .btn-primary {
	border-width:1px;
}
#x_page-sub-header {
	display:none;
}
.front-page-sub-header {
	text-align: center;
	color:white;
}
.index-image-overlay {
	display:none;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.25);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.row.video {
	position: relative;
	min-height:80vh;
	margin-top:-15px;
	overflow:hidden;
}
.row.video .index-image-overlay {
	display:block;
	/*margin-bottom: 16px;*/
	background-color: rgba(0, 0, 0, 0.25);
	/*background-color: hsla(240, 100%, 51%, 0.5);
	mix-blend-mode: color-burn;
	mix-blend-mode: overlay;*/
	/*mix-blend-mode: soft-light;*/
	z-index:1;
}
.row.video .col-sm-12 {
	padding:0;
}
.row.video h1, .row.video p {
	position:relative;
	z-index:2;
}
.row.video .tagline, .row.video .sub-tagline {
	font-weight:normal;
	color:white;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.row.video .tagline {
	/*margin for .funding logo*/
	margin: 0 88px;
	font-size:5.85vw;
}
.row.video .sub-tagline {
	font-size:3vw;
}
.cta-buttons {
	position: relative;
	z-index: 2;
}
.cta-buttons>div {
	margin: 1em 0;
}
.MSedge #bgv-wrap {
	/*added for dealing with ms edge bs, doesn't work*/
	/*position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	width:100%;
	height:100%;
	background:#000;*/
}
.MSedge #bgv-wrap #bgv {
	/*added for dealing with ms edge bs, doesn't work*/
	/*position:absolute;
	top:0
	left:0;
	display:block;
	min-width:100%;
	min-height:100%;*/
	/*opacity:.8;*/
}
.MSedge #bgv-text-wrap {
	/*this actually worksto fix the text infront of video in edge*/
	position:absolute;
	top:20%;
	left:2%;
}
#bgv {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	background-size: cover;
	background-position: center center;
	background-image: url("//intelladapt.com/v/fpbgv.jpg");
	/*the secret stuff i guess - specifically object-fit*/
	width:auto;
	min-width:100%;
	height:80vh;
	object-fit: cover;
	z-index:0;
}
img#bgv-img {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	background-size: cover;
	background-position: center center;
	background-image: url("//intelladapt.com/v/fpbgv.jpg");
	/*the secret stuff i guess - specifically object-fit*/
	width:auto;
	min-width:100%;
	height:80vh;
	object-fit: cover;
	z-index:0;
}
/*.row.first .col-sm-6{
	margin:1em;
}*/
 .site-content-front .site-main section, .p-grad {
	/*padding-top:3em;
	padding-bottom:3em;*/
}
/* start mimic shorelight.com */

/* ABF1FF = iablue, ffd3ca = iablue inverse */
 .overlay {
	filter: contrast(100%);
}
.overlay, .overlay::before, .overlay::after {
	position: absolute;
	display:block;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.overlay::before, .overlay::after {
	content:'';
}
.overlay::before {
	background:#ABF1FF;
	/*background:#00d5ff;*/
	/*mix-blend-mode: darken;*/
	mix-blend-mode: color-burn;
	opacity:0.5;
}
.overlay::after {
	/*background:#ffd3ca;
	background:#ff4800;
	mix-blend-mode: lighten;
	opacity:0.5;*/
}
/* edge is developmentally challenged vs2018.05.04 */
 .no-background-blend-mode .overlay::before {
	background:transparent !important;
}
section:nth-child(1) {
	/*background:none; messing up social mediapage*/
}
#fp_ins, #fp_adm, #fp_stu, #fp_cor {
	/*the sections*/
	padding:0;
}
#fp_ins .overlay, #fp_adm .overlay, #fp_stu .overlay, #fp_cor .overlay, #fp_brain .overlay {
	background-size: cover;
	background-repeat: no-repeat;
}
/*#fp_ins>div, #fp_adm>div, #fp_stu>div, #fp_cor>div {
	background:#ffd3ca;
}*/
 #fp_ins .row .overlay {
	background-image:url('http://intelladapt.com/wp-content/uploads/2018/04/shutterstock_111027362_169low.jpg');
}
#fp_adm .row .overlay {
	background-image:url('http://intelladapt.com/wp-content/uploads/2018/04/shutterstock_199611932_169low.jpg');
}
#fp_stu .row .overlay {
	background-image:url('http://intelladapt.com/wp-content/uploads/2018/04/shutterstock_217872049_169low.jpg');
}
#fp_cor .row .overlay {
	background-image:url('http://intelladapt.com/wp-content/uploads/2018/04/shutterstock_124303852_169low.jpg');
}
#fp_brain .row .overlay {
	background-image:url('http://intelladapt.com/wp-content/uploads/2018/05/braniak-box-beauty_1024crop43.jpg');
	background-position: center;
}
#fp_brain .row .overlay:before {
	display:none;
}
.fp-txt {
	padding: 8vw 5vw !important;
}
/* end mimic shorelight.com */
 #testimonials .media {
	padding:1em;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius:.25rem;
	background: #ffffff;
}
#testimonials .media img {
	max-height:200px;
	/*border-radius: 50%;*/
}
/*** end front page */

/*** start blog rules */

/* from /wp-content/plugins/jetpack/css/jetpack.css?ver=6.0 */
 .entry-content #jp-relatedposts h3.jp-relatedposts-headline em {
	/*wtf?!*/
	font-style: italic;
	font-weight: normal;
}
#jp-relatedposts.jp-relatedposts {
	display: none;
	padding-top: 0;
	margin: 0;
	position: relative;
	clear: both;
}
#jp-relatedposts h3.jp-relatedposts-headline {
	/* font-size: 9pt; */
	font-size: .55em;
}
.navigation.post-navigation {
	/* from parent style.css */
	padding-top: 0;
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
	/* from parent style.css */
	/*margin: 0;*/
	/*overflow: hidden;*/
}
/*** end blog rules */
 .carousel-indicators li+li, .list-unstyled li+li {
	margin-top:0 !important;
}
.hr {
	/*same style as h1 + margin-bottom*/
	border-bottom: 1px solid #eaecef;
	margin-bottom:1em;
}
.entry-meta {
	/*overriding my own 1.5rem from above #content[class=^"site-content"]*/
	font-size:1rem;
}
.post.hentry {
	margin-bottom:4rem;
}
#content.site-content-blogpost .post.hentry {
	margin-bottom:1em;
}
.comment-respond h3, .entry-comments h3 {
	/* from montserrat....css */
	/*margin-bottom: 3.750rem;*/
	margin-top: 1em;
}
h2.entry-title {
	border:none;
}
.entry-content {
	margin: 0;
}
.nav-links {
	/*where is this? not top nav bar*/
	font-size:1.25rem;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
	/*float: left;*/
	width: 49%;
	margin-right: 1%;
}
/* sidebar widgets */
 #recent-posts-2 li span {
	/*same padding as link*/
	padding: 0.5rem 1rem;
}
/* for posts and pages, wrap text and image in a div with .pr or ,pl depending if right or left is wanted */
 div.pr::after {
	display: block;
	content:"";
	clear: both;
}
div.pr > figure {
	float:right !important;
}
/* image captions */
 .wp-caption {
	padding: 10px 10px 0;
}
.wp-caption .wp-caption-text {
	font-size: .85rem;
	/*	line-height: 1.5rem;
	margin: 0;
	padding: 0.625rem;*/
}
.wp-caption.alignnone {
	margin: 0.313rem 1.25rem 1.25rem 1.25rem;
}
/* front page testimonials */
 .testimonials > div {
	padding:1em 0;
}
.testimonials blockquote {
	font-size:1.75rem;
	/*padding-top:1em;*/
}
.padding-huge-tb {
	padding-top:128px;
	padding-bottom:128px;
}
/*** start How it Works page */
 .row.core-tech, .row.bigdata {
	margin-bottom:30px;
}
.hiw-wrapper .core-tech .text-center + .text-center {
	margin-left:1em;
}
.core-tech img {
	height:auto;
	width:auto;
	max-height:200px;
}
.row.pedagogy img[data-attachment-id="877"] {
	padding:8px;
	background:white;
}
.hiw-wrapper a.page-scroller {
	color: #333;
	font-size: 2em;
	display: inline-block;
	margin-top: 0;
}
/*** end How it Works page */

/*** start social media page */
 .post-1134 .row>div, .post-1635 .row>div {
	margin:.25em;
	padding:.25em;
	/*background-color:rgba(0,0,0,.25);*/
	/*border:1px solid rgba(0, 0, 0, .125);*/
	background:white;
	border-radius:.25em;
	text-align:center;
}
.youtube-footer a:not(.btn) {
	color: #00809A;
	/*background-image:url('//intelladapt.com/wp-content/uploads/2018/05/youtube_2016_ia.jpg'); won't look good*/
}
.youtube-footer a:hover {
	color: #1559cf;
}
/*** end social media page */

/*** start faq */
 details {
	margin-bottom:1em;
}
details summary {
	margin-bottom:.5em;
}
details p, details ol, details ul {
	margin-left:3em;
	margin-bottom:0;
}
details p + p, details p + ol, details p + ul {
	margin-top:.5em;
}
/* animate */
 details[open] summary ~ * {
	animation: sweep .5s ease-in-out;
}
/*@keyframes sweep {
	0%    {opacity: 0;}
	100%  {opacity: 1;}
}
*/

/*** end faq */

/*** start team page(s) */
 section + #team .video1 {
	/*front page*/
	/*padding: 30px 0;*/
	/*background:none;*/
}
#team .team-cards > div {
	padding-top:0;
}
#team .team-cards {
	/*back of card going into/over footer*/
	padding-bottom:30px;
}
#team .card {
	border: 1px solid rgba(0, 0, 0, .125);
	background: #ffffff;
	color:#333;
}
.image-flip:hover .backside, .image-flip.hover .backside {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	border-radius: .25rem;
}
.image-flip:hover .frontside, .image-flip.hover .frontside {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.mainflip {
	-webkit-transition: 1s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 1s;
	-moz-transition: 1s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transition: 1s;
	transform-style: preserve-3d;
	position: relative;
}
.frontside {
	position: relative;
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	z-index: 2;
	margin-bottom: 30px;
}
.backside {
	position: absolute;
	top: 0;
	left: 0;
	background: white;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-box-shadow: 5px 7px 9px -4px rgba(0, 0, 0, .5);
	-moz-box-shadow: 5px 7px 9px -4px rgba(0, 0, 0, .5);
	box-shadow: 5px 7px 9px -4px rgba(0, 0, 0, .5);
}
.frontside, .backside {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 1s;
	-webkit-transform-style: preserve-3d;
	-moz-transition: 1s;
	-moz-transform-style: preserve-3d;
	-o-transition: 1s;
	-o-transform-style: preserve-3d;
	-ms-transition: 1s;
	-ms-transform-style: preserve-3d;
	transition: 1s;
	transform-style: preserve-3d;
}
.frontside .card, .backside .card {
	min-height: 312px;
}
.backside .card ul a {
	font-size: 18px;
	color: #00667a;
}
.frontside .card .card-title, .backside .card .card-title {
	color: #00667a;
}
.frontside .card .card-body img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
}
.bio-pic {
	/* div on team/name/ pages */
	/* robin didn't like hers being bigger than the others, charles' pic is the smallest, restrict all to same max-width as smallest of all vs2018.05.03 */
	max-width:343px;
}
.bio-pic .social-icons {
	/* p tag */
	margin-top:1em;
	text-align:center;
}
.bio-pic .social-icon {
	/* a tag */
	text-decoration:none;
}
/*** end team page(s) */
 .widget {
	/*from parent style.css*/
	/*font-size: 0.875rem;*/
	font-size:1rem;
}
article[id^="post-"] .wpcf7-form p {
	margin-bottom:1em;
}
/*back to top button*/
 .bttbutton {
	position: fixed;
	bottom: 14px;
	/*right: 14px;*/
	/*move for google recaptcha thing*/
	right: 80px;
	display: block;
	width: 32px;
	height: 32px;
	background: #333;
	color: #fff;
	text-align: center;
	cursor: pointer;
	/*	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-opacity: 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;*/
	-webkit-transition: all ease-in-out .3s;
	-khtml-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-ms-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
	visibility: visible;
	/*the_champ_vertical_sharing has z-index: 10000000; ... inserted at end of page content inside entry-content*/
	z-index: 99999999;
}
.bttbutton:hover {
	color:black;
	background-color: #7eeaff;
}
/* center the arrow... */
 .bttbutton svg {
	margin-top: 8px;
}
.nav-tabs.vs1 {
	margin-bottom:1rem;
}
/* form tweaks mainly based on mailchimp forms using bs4 classes*/
 form .asterisk, span.required {
	color:red;
}
small.indicates-required {
	margin-bottom: 1em;
	display: block;
}
/* bs4 class tweaks, things the theme css files are messing with that i'd rather they did not */
 .alert p {
	margin:0 !important;
}
.alert.alert-info {
	/*text-indent: -376px;*/
	/*wtf?!  i cannot explain why this is needed ... related to excess P tags everywhere else tho*/
}
/*** start /resources/files.php */

/* resources/publications */
 #publications .media img.img-fluid, #sonwalkar-institute-home .media img.img-fluid {
	margin-right:1em;
	max-width:171px;
}
.list-pubs {
	margin-top:1em;
}
.list-pubs li {
	list-style-type: none;
	padding-bottom: 1em;
	padding-left: 3em;
	text-indent: -3em;
	/*border-bottom: 1px solid rgba(0,0,0,.125);*/
}
.list-pubs li + li {
	margin-top:1em !important;
}
.list-pubs li:last-child {
	padding-bottom:0;
	border-bottom:none;
}
.list-pubs i.author {
	/*display:none;*/
}
#sonwalkar-institute-speaking time, #sonwalkar-institute-journal time {
	color:hsl(190, 100%, 33%);
}
#sonwalkar-institute-journal .title-book {
	/*color:hsl(0,100%,33%);*/
}
#sonwalkar-institute-journal i.author, #sonwalkar-institute-speaking i.speaker {
	display:none;
	color:hsl(0, 100%, 33%);
}
/* start videos.php */
 ul.videos {
	list-style-type: none;
}
ul.videos.d-flex {
	margin:0;
	padding:0;
	max-width:none;
}
ul.videos.d-flex li {
	position:relative;
	border: 1px solid rgba(0, 0, 0, .125);
}
ul.videos.d-flex li, ul.videos.d-flex li+li {
	margin:.25em;
}
ul.videos.d-flex li a {
	display:block;
}
ul.videos.d-flex li span {
	position:absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin:0;
	padding:.5em;
	/*background:rgba(0, 0, 0, .75);*/
	color:white;
}
ul.videos.d-flex li a:before {
	content:'';
	display:block;
	position:absolute;
	/*height:calc(149px - 1.333rem - 1.65em);*/
	background:red;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 75%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 75%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 75%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
	/* IE6-9 */
	top:0;
	left:0;
	bottom:0;
	right:0;
}
.youtubepl, .youtube {
	cursor:pointer;
}
.youtubepl .play-button, .youtube .play-button {
	display:block;
	color: white;
	font-style:normal;
	/*font-size: 100px;*/
	line-height:0;
	text-align:center;
	position: absolute;
	top: calc(50% - 0%);
	left: 50%;
	transform: translate(-50%, -50%);
	width: 15%;
	height: 15%;
	z-index: 1;
}
.youtubepl .play-button img, .youtube .play-button img{
	height:100%;
	width:100%;
}
svg > path.ytp-large-play-button-bg, .youtubepl svg .ytp-large-play-button-bg, .youtube svg .ytp-large-play-button-bg {
	fill: rgba(0, 0, 0, .8);
	transition: all 150ms ease-out;
}
.youtubepl:hover .ytp-large-play-button-bg, .youtube:hover .ytp-large-play-button-bg {
	fill: rgba(255, 0, 0, 1);
}

#sonwalkar-institute-home {
	/*so the social "follow us" thing doesn't interfere with nav tabs*/
	position:relative;
	z-index:100;
}
#sonwalkar-institute-home #myTab{
	/*so the social "follow us" thing doesn't interfere with nav tabs*/
	background-color:white;
}
/*video panels (subjects-panel-xxx.tpl) that have no left column content and the accordian is 100% wide*/
/*#accordion-adap .card-header,*/ #panel-holder .card-header{
	padding:0;
}
div[id^="accordion-"] .btn{
	white-space:normal;
}
div[id^="accordion-"] .youtube + p{
	margin-top:1.125em;
}
div[id^="accordion-"] .youtube + p + p{
	margin-top:0;
}
/* end videos.php */

/* start videos-panel-name.tpl */
 .close-panel {
	/*	position: absolute;
	top: 0;
	right: 15px;
	text-decoration: none;*/
	/*font-size: 30px;*/
}

.panel-holder >[class^="panel-"] {
	position: absolute;
	top: 0;
	right: -15px;
	left: -15px;
	min-height:100vh;
	padding: 15px;
	background: white;
	z-index: 3;
	/*border:1px solid black;*/
}
.panel-holder .card{
	font-size:1.125rem;
}
.panel-holder .card .btn{
	text-align:left;
}
.panel-holder .youtube-thumb {
	/* because hqdefault.jpg thumbnail images aren't 16:9; */
	height: 140%;
	top: -20%;
}
.panel-holder .card-deck {
	margin-bottom:1em;
}
/* end videos-panel-name.tpl */

/*** end /resources/files.php */

/* because everybody overlooks these things unless they're obnoxious */
 .notes {
	background:hsl(60, 100%, 50%);
	background-blend-mode:overlay;
	border:8px dotted red;
}
/* hover effect that reminds me of visual migranes... source: http://meowni.ca/index.html */
 .notes {
	animation: 0.5s ease 0s normal none infinite running zomg;
}
@-webkit-keyframes zomg {
	0%, 100% {
		border-color: #7ccdea;
	}
	16% {
		border-color: #0074D9;
	}
	32% {
		border-color: #2ECC40;
	}
	48% {
		border-color: #FFDC00;
	}
	64% {
		border-color: #B10DC9;
	}
	80% {
		border-color: #FF4136;
	}
}
@-moz-keyframes zomg {
	0%, 100% {
		border-color: #7ccdea;
	}
	16% {
		border-color: #0074D9;
	}
	32% {
		border-color: #2ECC40;
	}
	48% {
		border-color: #FFDC00;
	}
	64% {
		border-color: #B10DC9;
	}
	80% {
		border-color: #FF4136;
	}
}
@keyframes zomg {
	0%, 100% {
		border-color: #7ccdea;
	}
	16% {
		border-color: #0074D9;
	}
	32% {
		border-color: #2ECC40;
	}
	48% {
		border-color: #FFDC00;
	}
	64% {
		border-color: #B10DC9;
	}
	80% {
		border-color: #FF4136;
	}
}
/* for an image */
 @-webkit-keyframes avatarzomg {
	0%, 100% {
		-webkit-filter: invert(0) saturate(100%) hue-rotate(0deg);
	}
	25% {
		-webkit-filter: invert(10%) saturate(500%) hue-rotate(180deg);
	}
	50% {
		-webkit-filter: invert(10%) saturate(300%) hue-rotate(300deg);
	}
	75% {
		-webkit-filter: invert(10%) saturate(500%) hue-rotate(90deg);
	}
}
@-moz-keyframes avatarzomg {
	0%, 100% {
		filter: invert(0) saturate(100%) hue-rotate(0deg);
	}
	25% {
		filter: invert(10%) saturate(500%) hue-rotate(180deg);
	}
	50% {
		filter: invert(10%) saturate(300%) hue-rotate(300deg);
	}
	75% {
		filter: invert(10%) saturate(500%) hue-rotate(90deg);
	}
}
@keyframes avatarzomg {
	0%, 100% {
		-webkit-filter: invert(0) saturate(100%) hue-rotate(0deg);
		filter: invert(0) saturate(100%) hue-rotate(0deg);
	}
	25% {
		-webkit-filter: invert(10%) saturate(500%) hue-rotate(180deg);
		filter: invert(10%) saturate(500%) hue-rotate(180deg);
	}
	50% {
		-webkit-filter: invert(10%) saturate(300%) hue-rotate(300deg);
		filter: invert(10%) saturate(300%) hue-rotate(300deg);
	}
	75% {
		-webkit-filter: invert(10%) saturate(500%) hue-rotate(90deg);
		filter: invert(10%) saturate(500%) hue-rotate(90deg);
	}
}
/* spread the love social thing */
 .the_champ_sharing_container.the_champ_horizontal_sharing {
	/*margin-top:1em;*/
}
.the_champ_sharing_container.the_champ_vertical_sharing.the_champ_hide_sharing.the_champ_bottom_sharing i, .theChampSharingArrow {
	background-color: hsla(0, 0%, 50%, .5) !important;
}
@media screen and (min-width: 785px) {
	.the_champ_sharing_container.the_champ_vertical_sharing.the_champ_hide_sharing.the_champ_bottom_sharing i, .theChampSharingArrow {
		transition: all 250ms;
		position:relative;
		right:0;
		left:0;
	}
	.the_champ_sharing_container.the_champ_vertical_sharing.the_champ_hide_sharing.the_champ_bottom_sharing i:hover {
		width: 55px !important;
		left: -15px;
	}
}
/* adding a top notification bar... */
 .row.notifier {
	position: absolute;
	top: 0;
	left: 15px;
	right: 15px;
	background: red;
	display: none;
	text-align: center;
	z-index:1;
}
.row.notifier a {
	color:yellow;
}
.row.notifier p {
	margin:.25em 0;
	color:white;
	max-width:unset;
}
/* make room for notifier */
 #page {
	/*margin-top:1.5em;*/
}
/*need NSF logo...*/
.funding{
	z-index: 1;
	position: absolute;
	top: 8px;
	left: 8px;
	height: 128px;
	width: 128px;
}
div#hubspot-messages-iframe-container.widget-align-right {
	/*move for google recaptcha and .bttbutton*/
	right: 110px!important;
}
/*hide admin edit for debug*/
 footer.entry-footer .edit-link {
	position: absolute;
	/*margin-top: 8px;*/
	border: 1px solid red;
	border-radius: 10%;
	z-index:99;
}
footer.entry-footer .edit-link a {
	padding: 0 1em;
	color:red;
	font-weight:700;
}