/* styles for the flowist digital magazine, August 2021 by Todd Skoglund */

/* main site colors
	News #5d6a7d
	Play #2c2547
	Practice #588c9f
	Performance #141f4e
	Perspectives #336666
	AF Red #a00303
*/

div, ul, li, a, h1, h2, img { 
	box-sizing: border-box;
}
body.flowistBody {
	margin: 0px;
	padding: 0px;
	background: white;
	font-family: 'lato', sans-serif;
	color: #333;
}
div#flowistPageAlign {
	max-width: 1400px;
	width: 100%;
	margin: 0px auto;
	background: white;
}
div#flowistMainBlock {
	background: white;
	width: 100%;
	padding: 20px 0px;
}
div#flowistMainBlock h1, 
div#flowistMainBlock h2 {
	text-align: center;
	color: #333;
	clear: both;
	font-family: 'Oswald', sans-serif !important;
	font-weight: 400 !important;
}
div#flowistMainBlock h2 {
	margin: 45px auto 20px auto;
	text-align: center;
	border-bottom: 1px solid #333;
	width: 95%;
	padding: 15px 0px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif !important;
	font-weight: 400 !important;
	font-size: 1.8em;
}
div#flowistMainBlock h2.featuredStoryHeader {
	margin-top: 10px !important;
	font-family: 'Oswald', sans-serif !important;
	font-weight: 400 !important;
} 

/* ################# header styles ########### */

div#flowistHeader {
	background-image: url("https://animalflow.com/wp-content/uploads/2021/09/headerImage-blue-1400new.jpg");
	background-size: cover;
	background-position: right;
	padding-bottom: 20px;
	width: 100%;
	min-height: 260px;
	height: auto;
	position: relative;
}
div.af-logo {
	display: none;
	position: absolute;
	top: 23px;
	left: 10px;
}
div#flowistHeader h1 {
	position: absolute;
	top: 100px;
	left: 170px;
	text-align: center;
	font-family: "lato", sans-serif;
	color: #3b4754;
	margin-bottom: 10px;
	font-style: italic;
	margin-left: 0px;
	font-size: 200%;
	letter-spacing: 1px;
	text-transform: uppercase;
}
div#flowistHeader h2 {
	color: /*#3b4754;*/ white;
	text-align: center;
	font-family: "Lato", sans-serif;
	font-size: 1.1em;
	font-style: italic;
	margin-left: 0px;
	position: absolute;
	top: 140px;
	left: 160px;
}

div.heateor_sss_horizontal_sharing {
	position: relative;
	right: 0px;
	text-align: right;
}

/* ################# navigation styles ################# */

div#mobileNavButton {
	display: none;
}
.flowistNav a span {
	display: none;
}
 
.flowistNav {
	display: block;
	width: 100%;
	background: white;
	padding: 0px;
	margin: 0px;
	position: relative;
	font-family: "lato", sans-serif;
	color: #3b4754;
	overflow: hidden;
}
.flowistNav a {
	display: inline-block;
	text-align: center;
	width: 100%;
	text-decoration: none;
	padding: 0px;
	margin: 0px auto;
}
body.flowistBody .flowistNav a {
	width: 20%;
}
body.flowistSingleBody .flowistNav a, 
body.flowistTaxonomyBody .flowistNav a {
	width: 16.66%;
}
.flowistNav a:hover {
	color: #a00303;
}
.flowistNav a img {
	width: 100%;
	object-fit: contain;
	display: none;
}
.flowistNav h2 {
	display: inline-block;
	text-align: center;
	color: white;
	text-transform: uppercase;
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: .9em;
	letter-spacing: 1px;
}
.flowistNav a.homeNav {
	background: #aaa;
}
.flowistNav a.homeNav h2 {
	background:  #aaa;
}
.flowistNav a.homeNav:hover,
.flowistNav a.homeNav:hover h2 {
	background: #444;
}
.flowistNav a.newsNav {
	background: #aaa;
}
.flowistNav a.newsNav h2 {
	background:  #aaa;
}
.flowistNav a.newsNav:hover,
.flowistNav a.newsNav:hover h2 {
	background: #5d6a7d;
}

.flowistNav a.playNav {
	background: #aaa;
}
.flowistNav a.playNav h2 {
	background:  #aaa;
}
.flowistNav a.playNav:hover,
.flowistNav a.playNav:hover h2 {
	background: #2c2547;
}
.flowistNav a.practiceNav {
	background:  #aaa;
}
.flowistNav a.practiceNav h2 {
	background:  #aaa;
}
.flowistNav a.practiceNav:hover,
.flowistNav a.practiceNav:hover h2 {
	background: #336666;
}
.flowistNav a.performanceNav {
	background:  #aaa;
}
.flowistNav a.performanceNav h2 {
	background:  #aaa;
}
.flowistNav a.performanceNav:hover,
.flowistNav a.performanceNav:hover h2 {
	background: #141f4e;
}
.flowistNav a.perspectivesNav {
	background:  #aaa;
}
.flowistNav a.perspectivesNav h2 {
	background:  #aaa;
}
.flowistNav a.perspectivesNav:hover,
.flowistNav a.perspectivesNav:hover h2 {
	background: #7398b8;
}



/* ################# featured Story old "top group" styles ########### */


div.flowistTopGroup {
	width: 100%;
	max-width: 1400px;
	margin: 5px auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: center;
	background-color: #eee;
}
div.flowistImage {
	width: 38% !important;
	min-width: 38%;
	display: inline-block;
	object-fit: contain;
	flex-shrink: 0;
}
div.flowistImage img {
	object-fit: contain;
	max-width: 500px;
	width: 100%;
	min-width: 100%;
	max-height: none;
	height: auto;
	margin: 0px auto;
}
div.featuredStoryRightColumn {
	display: inline-block;
	width: 55%;
	text-align: center;
	flex-shrink: 0;
}
div.featuredStoryTitle {
	width: 100%;
	font-family: "Oswald", sans-serif;
	font-size: 1.7em;
	font-weight: 300;
	display: inline-block;
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
	text-align: center;
}
.featuredStoryTitle a {
	text-decoration: none;
	color: #333;
}
.featuredStoryTitle a:hover {
	text-decoration: none;
	color: #888;
}
div.featuredStoryTagline {
	font-size: 1.2em;
	color: #798da3;
	line-height: normal;
	font-style: italic;
	font-weight: 300;
	font-family: "Lato", sans-serif;
}
div.featuredTopExcerpt {
	color: #798da3;
	width: 90%;
	display: inline-block;
	margin: 10px auto 0px auto;
	text-align: center;
	padding: 5px;
}
a.featuredStoryMore {
	text-decoration: none;
	color: #141f4e;
	display: block;
	text-align: center;
	margin: 20px auto 10px auto;
}
a.featuredStoryMore:hover {
	color: #336666; 
}


/* ################# Latest story styles (both old "newest" and old "trending") ########### */


div.latestBlock {
	padding: 0px;
	margin: 15px auto;
	width: 85%;
	max-width: 850px;
}
div.latestItem {
	padding: 0px;
	margin: 45px 0px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: stretch;
	position: relative;
	height: 100%;
}
div.latestImage {
	width: 300px;
	display: inline-block;
	flex-grow: 0;
	flex-shrink: 0;
}
.latestImage img {
	width: 300px;
	min-width: 200px;
	max-width: 300px;
	height: 225px;
	
}
div.latestTextColumn {
	width: 63%;
	display: inline-block;
	margin-left: 10px;
	max-height: 225px;
}
div.latestAuthor {
	margin: 5px 0px 10px 0px;
	font-style: italic;
	color: #cc5050;
}
.latestAuthor a {
	color: #141f4e;
	text-decoration: none;
}
.latestAuthor a:hover {
	color: #336666;
}
div.latestTitle {
	display: inline-block;
	font-family: "Oswald", sans-serif;
	font-weight: 300;
	font-size: 1.5em;
	margin-bottom: 10px;
	text-transform: uppercase;
}
div.latestTitle a {
	display: inline-block;
	color: #333;
	text-decoration: none;
}
div.latestTitle a:hover {
	display: inline-block;
	color: #888;
	text-decoration: none;
}
.latestTagline {
	font-size: 1.2em;
	color: #798da3;
	line-height: normal;
	font-style: italic;
	font-weight: 300;
	font-family: "Lato", sans-serif;
}
.latestExcerpt {
	font-size: 1em;
	color: #798da3;
	line-height: normal;
	font-family: 'Lato', sans-serif;
	margin: 5px 0px;
	max-height: 30%;
	overflow: hidden;
	
}
a.latestMoreLink {
	color: #141f4e;
	text-decoration: none;
	display: block;
	margin-top: 5px;
}
a.latestMoreLink:hover {
	color: #336666;
}
div.latestMoreButton {
	text-align: center;
	margin: 20px 0px;
}
div.latestMoreButton a {
	display: inline-block;
	color: #333;
	height: 30px;
	width: auto;
	border: 1px solid black;
	border-radius: 15px;
	background: white;
	text-decoration: none;
	padding: 5px 15px;
}
div.latestMoreButton a:hover {
	border: 1px solid #A00303;
	color: #888;
	background: #edf0f4;

}


/* ###################   ############ */

div.flowistFeaturedProgram {
	width: 95%;
	margin: 35px auto 15px auto;
}
div.flowistFeaturedProgram img {
	width: 100%;
	object-fit: cover;
	height: auto !important;
	max-height: 650px;
}
/* ################# main video styles ########### */

div.flowistMainVideo {
	width: 90%;
	margin: 35px auto 15px auto;
	position: relative;
	text-align: center;
	min-height: 360px;
	max-width: 1400px !important;
}
div.flowistMainVideo iframe {
	max-width: 1400px;
	width: 100%;
}
div.flowistMainVideo .vp-center {
	width: 100% !important;
	max-width: 1400px;
	justify-content: flex-start !important;
}
div.flowistMainVideo .vp-video, 
div.flowistMainVideo .player,
div.flowistMainVideo div.vp-video-wrapper.transparent,
div.flowistMainVideo div.vp-target,
div.flowistMainVideo div.vp-preview.vp-preview-cover {
	width: 100% !important;
	max-width: 1400px !important;
	min-width: 360px !important;
}
div.flowistMainVideo img {
	width: 100%;
	object-fit: fill;
}
/* ################# wisdom styles ########### */

div.wisdomBlock {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 20px auto;
	padding: 0px;
	text-align: center;
	width: 95%;
	font-family: "Lato", sans-serif;
}
div.wisdomItem {
	display: inline-block;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	width: 30%;
	border: 1px solid #798da3;
	border-radius: 4px;
	text-align: left;
	vertical-align: top;
	font-family: "Lato", sans-serif;
	background: #eee;
}
div.wisdomImage {
	width: 100%;
	height: auto;
	object-fit: cover;
}
div.wisdomImage img {
	object-fit: cover;
	width: 100%;
}
div.wisdomAuthor {
	padding: 5px 10px;
	font-style: italic;
	color: #cc5050;
}
div.wisdomAuthor a {
	text-decoration: none;
	color: #141f4e;
}
div.wisdomAuthor a:hover {
	text-decoration: none;
	color: #336666;
}



div.wisdomTitle {
	font-family: "Oswald", sans-serif !important;
	font-weight: 300;
	font-size: 1.5em;
	margin: 10px;
}
div.wisdomTitle a {	
	display: block;
	text-decoration: none;
	color: #333;
}
div.wisdomTitle a:hover {
	text-decoration: none;
	color: #999;
}
p.wisdomTagline {
	color: #798da3;
	font-size: 1.3em;
	margin: 10px;
	font-style: italic;
	font-family: "Lato", sans-serif;
}
p.wisdomExcerpt {
	margin-top: 10px;
	padding: 0px 10px;
	color: #666;
	font-size: 1em;
	font-family: "Lato", sans-serif;
}
a.wisdomMoreLink {
	color: #141f4e;
	text-decoration: none;
	display: block;
	text-align: center;
}
a.wisdomMoreLink:hover {
	text-decoration: none;
	color: #336666;
}

/* flowist footer styles */

div#flowistFooter {
	text-align: center;
	background: #edf0f4;
	padding: 25px 15px;
	margin-top: 20px;
}
div#flowistFooter  h2 {
	text-align: center;
	margin: 20px 0px;
}
div#flowistFooter h3 {
	text-align: center;
	color: #cc5050;
	font-size: 70%;
	max-width: 400px;
	margin: 10px auto;
	line-height: 2em;
}
div#flowistFooter input[type=text] {
	min-width: 150px;
	max-width: 300px;
	width: 30%;
	border: 1px solid #ccc;
	border-radius: 3px;
	height: 20px;
}
div#flowistFooter button {
	background: black;
	color: white;
	padding: 3px 15px;
	text-align: center;
	border: 1px solid black;
	border-radius: 3px;
}
div#flowistBottomNav {
	background: #666 url("https://animalflow.com/wp-content/uploads/2021/09/afLogo-white.png") 10px 10px no-repeat;
	background-size: 100px 50px;
	background-position: ;
	width: 100%;
	padding: 20px 0px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: flex-start;
	border-top: 4px double #333;
	margin-top: 35px;
}

div.flowBottomNavCol1 {
	width: 45%;
}
div.flowBottomNavCol2 {
	width: 45%;
}
#flowistBottomNav a {
	display: block;
	color: #eee;
	text-transform: uppercase;
	font-family: "Lato", sans-serif;
	margin: 3px auto;
	background: #333;
	padding: 4px 8px;
	width: 60%;
	text-align: center;
	border: 1px solid #333;
}
#flowistBottomNav a:hover {
	text-decoration: none;
	background: #888;
	color: #a00303;
}
/*   ###################  single page styles  ################### */


body.flowistSingleBody {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: white;
	font-family: 'Lato', sans-serif;
	color: #333;
}
body.flowistSingleBody #flowistPageAlign {
	width: 95%;
	margin: 0px auto;
	max-width: 1400px;
}
#flowistSingleHeader {
	width: 100%;
	position: relative;
	/*min-height: 100px;*/
}
#flowistSingleBlock {
	width: 100%;
	position: relative;
}
body.flowistSingleBody h1, h2, h3, h4, h5 {
	font-family: 'Oswald', sans-serif !important;
}
body.flowistSingleBody h2.flowistSingleTitle {
	font-size: 1.8em;
	text-transform: uppercase;
	text-align: center !important;
}
.flowistSingleTagline {
	font-family: "Lato", sans-serif;
	color: #798da3;
	font-style: italic;
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 2px dotted #666;
}
.flowistSingleHero {
	position: relative;
	max-width: 1400px;
	width: 100%;
	min-width: 100%;
	max-height: 650px;
	vertical-align: top;
	object-fit: cover;
}
.flowistSingleHero img {
	width: 100%;
	height: auto !important;
	max-height: 650px;
	vertical-align: top;
	object-fit: cover;
}
.flowistSingleContent {
	padding: 10px 35px;
	border: 1px solid #edf0f4;
	font-family: 'Lato', sans-serif;
	font-size: 1.3em;
}
.flowistSingleContent ul {
	margin: 15px 12% !important;
	font-family: 'Lato', sans-serif !important;
	line-height: normal !important;
	font-size: 1em;
}
.flowistSingleContent h2 {
	font-size: 1.5em;
}

.flowistSingleContent ul ul {
		list-style: disc !important;
		padding: 0px !important;
		margin: 10px 0px 10px 35px !important;
		font-size: 1.2em !Important;
}
.flowistSingleContent ul ul li {
		list-style: disc !important;
}
.flowistSingleContent li {
	font-family: 'Lato', sans-serif !important;
	line-height: normal !important;
	font-size: 0.8em;
	margin: 10px 0px !important;
}
.flowistSingleContent p {
	font-family: 'Lato', sans-serif;
	font-size: 0.8em;
	line-height: normal !important;
	letter-spacing: 0px !important;
	margin: 15px 10%;
}
.flowistSingleContent h2 {
	margin: 5px 10%;
}
.flowistSingleContent h3 {
	margin: 5px 10%;
	font-size: 1.2em;
}
.flowistSingleContent h4 {
	margin: 5px 10%;
}
.flowistSingleContent h5 {
	margin: 5px 10%;
}
.flowistSingleContent hr {
	margin: 5px 10%;
}
.flowistSinglePageImage  {
	width: 90%;
	max-width: 1400px;
	margin: 25px auto 15px auto;
	text-align: center;
}
.flowistSinglePageImage img {
	object-fit: contain;
	height: auto !important;
	text-align: center;
}
.flowistSinglePageImage p {
	font-size: .9em;
	margin: 5px 12%;
	font-style: italic;
}
.flowistSingleContent ol {
	margin: 15px 12%;
	font-size: 1em;
	
}
.flowistSingleContent ol li {
	font-size: 0.8em;
}
.flowistFootnote {
	font-style: italic;
	margin-top: 25px;
}
.authorBlock {
	position: relative;
	vertical-align: middle;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	margin: 5px 0px 25px 9%;
}
.flowistSingleAuthorName {
	font-size: 1.4em;
	display: inline-block;
	vertical-align: middle;
	padding-left: 20px;
	font-style: italic;
}
.flowistSingleAuthorName span {
	font-size: 70%;
	color: #666;
	display: none;
}
.flowistSingleAuthorName a {
	color: #798da3;
}
.flowistSingleAuthorPicture {
	display: inline-block;
	width: 125px;
	height: 125px;
}
.flowistSingleAuthorPicture img {
	object-fit: contain;
	width: 125px;
	height: 125px;
}
.singleEntry {
	margin: 15px 10%;
	padding: 15px 0px;
	border-top: 4px double #666;
	clear: both;
	width: 80%;
}
.sixCompontentsArticle .singleEntry {
	border-top: none !important;
}
.singleEntry p {
	margin: 10px 0px !important;
}
.singleEntry h5 {
	padding: 0px !important;
	width: auto !important;
	clear: none !important;
	margin: 10px 0px 3px 0px !important;
	font-weight: bold;
	letter-spacing: 1px !important;
	font-size: 1em !important;
	color: #666;
}
.singleEntry h2, .singleEntry h3, .singleEntry h4 {
	clear: none !important;
	padding: 0px !important;
	margin: 10px 0px !important;
	font-weight: bold;
	letter-spacing: 1px !important;
	font-size: 0.8em !important;
	color: #666;
	line-height: normal !important;
}
.singleEntryCentered {
	margin: 5px auto 30px auto;
	text-align: center;
	width: 230px;
}
.singleWrap {
	float: left;
	padding: 0px 25px 10px 0px;
	width: 35%;
	max-width: 315px;
}
.singleWrapPic {
	width: 100%;
	max-width: 300px;
}
.singleWrapPic img {
	width: 100%;
	max-width: 300px;
	object-fit: contain;
}
.singleWrapName {
	font-weight: bold;
	font-size: .8em;
	text-transform: uppercase;
	color: #a00303;
	}
.singleWrapName a {
	
}
.singleWrapName a:hover {

}

/*   ###################  Taxonomy Full Category (5 pillars) page styles  ################### */

body.flowistTaxonomyBody {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: white;
	font-family: 'Lato', sans-serif !important;
	color: #333;
}
#flowistTaxonomyHeader {
	width: 100%;
	min-height: 100px;
	position: relative;
	font-family: 'Oswaldbold', sans-serif;
}
.flowistMediaButton {
	width: 90%;
	margin: 15px auto 0px auto;
}
.flowistMediaButton a {
	display: inline-block;
	padding: 5px 10px;	
	border-radius: 5px;
	background: #959fae;
	color: #eee;
	text-decoration: none;
}
.flowistMediaButton a:hover {
	text-decoration: none;
	color: #384355;
}
.categoryImage {
	display: inline-block;
	width: 60%;
	object-fit: contain;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
.categoryImage img {
	width: 100%;
	object-fit: contain;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.flowistTaxonomyRightColumn {
	display: inline-block;
	width: 38%;
	vertical-align: center;
	margin-left: 0px;
	padding-left: 0px;
	
}
#flowistTaxonomyTopAlignBlock {
	display: flex;
	position: relative;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
}
.flowistTaxonomyBody h1 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	width: 100%;
	margin-top: 20px;
	font-size: 2.0em;
	letter-spacing: 1px;
	font-weight: 400;
}

.flowistTaxonomyBody h1.Performance,
.flowistTaxonomyRightColumn.Performance,
#flowistTaxonomyHeader.Performance {
	color: white;
	background: #141f4e;
}
.flowistTaxonomyBody h1.Play,
.flowistTaxonomyRightColumn.Play,
#flowistTaxonomyHeader.Play {
	color: white;
	background: #2c2547;
}
.flowistTaxonomyBody h1.Practice,
.flowistTaxonomyRightColumn.Practice,
#flowistTaxonomyHeader.Practice {
	color: white;
	background: #336666;
}
.flowistTaxonomyBody h1.Perspectives,
.flowistTaxonomyRightColumn.Perspectives,
#flowistTaxonomyHeader.Perspectives {
	color: white;
	background: #7398b8;
}
.flowistTaxonomyBody h1.AF,
.flowistTaxonomyRightColumn.AF,
#flowistTaxonomyHeader.AF {
	color: white;
	background: #5d6a7d;
}

.categoryTagline {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-style: italic;
	font-family: 'Lato', sans-serif !important;
	font-weight: 300 !important;
	vertical-align: middle;
}
.categoryTagline p {
	font-size: 1.2em !important;
	line-height: normal !Important;
	text-align: center;
	font-style: italic;
	font-family: 'Lato', sans-serif !important;
	font-weight: 300 !important;
	padding: 0px 10%;
}
.flowistTaxonomyBody h2 {
	font-family: 'oswalddemibold', sans-serif;
	text-align: center;
}

.taxonomyItem {
	position: relative;
	margin: 20px auto;
	border: 1px solid #798da3;
	width: 90%;
	padding: 20px;
}
.taxonomyItemRightColumn {
	width: calc(100% - 450px);
	vertical-align: top;
	display: inline-block;
}
.taxonomyItem article {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
}
.taxonomyImage {
	display: inline-block;
	padding: 0px 15px 15px 0px;
	object-fit: contain;
}
#flowistTaxonomyBlock h2.title_re {
	text-align: left;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
#flowistTaxonomyBlock h2.title_re a {
	color: #333;
	text-decoration: none;
}
#flowistTaxonomyBlock h2.title_re a:hover {
	color: #666;
}
.taxonomyContent {
	margin: 0px;
	padding: 0px;
}
div.taxonomyContent p  {
	margin: 10px 0px;
	padding: 0px;
}
div.taxonomyContent a  {

}
div.taxonomyContent a:hover  {

}
.taxonomyAuthorName {
	font-size: 1.3em;
	font-style: italic;
	margin: 0px 0px 10px 0px;
}
.taxonomyAuthorName a {
	color: #798da3;
}
a.taxonomyMoreLink {
	color: #798da3;
	display: block;
	margin: 10px 0px;
}
a.taxonomyMoreLink:hover {
	color: #333;
	text-decoration: none;
}

/* ###################### Special Post: grid/table styles below ########################### */

div.flowistIGEmbed {
	width: 560px;
	margin: 25px auto;
}
.gridSpacerTop {
	height: 35px;
}
.gridSpacerBottom {
	height: 35px;
	border-bottom:6px double #666;
	width: 82%;
	margin: 0px auto;
}
.gridBlock {
    border-bottom: 6px double #666;
    padding: 15px 0px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    max-width: 1400px;
    width: 82%;
    font-family: "Lato", sans-serif;
    position: relative;
    margin: 0px auto;
}
div.interestGridList .gridBlock {
	border-bottom: 0px !important;
	border-top: 6px double #666;
	padding-bottom: 5px !important;
}
.gridCol1 {
	display: inline-block;
    width: 48% !important;
    max-width: 48%;
    flex-shrink: 0;
    text-align: center;
}
div.interestGridList .gridCol1 {
	width: 35% !important;
	max-width: 35% !important;
	flex-shrink: 0;
}
.gridCol2 {
	display: inline-block;
    width: 48%;
    max-width: 48%;
    position: relative;
    flex-shrink: 0;
}
div.interestGridList  .gridCol2 {
	width: 58% !important;
    max-width: 58% !important;
}
.gridImage {
    width: 90%;
    height: auto;
    margin: 0px auto;
}
.gridImage img {
    object-fit: cover;
    max-width: 150px;
    max-height: 150px;
}
div.interestGridList .gridImage img {
    	object-fit: cover;
   	 	max-width: 100%;
   	 	width: 100% !important;
   	 	height: auto !important;
    	max-height: none;
	}
ul.gridPerson {
    list-style: none;
    padding: 0px;
    margin: 0px auto;
}
ul.gridPerson li {
    list-style: none;
    padding: 0px;
    margin: 0px !important;
}
ul.gridPerson li.name {
    font-weight: bold;
    text-transform: uppercase;
}
div.interestGridList ul.gridPerson li.name {
	font-size: 1.3em;
}
ul.gridPerson li.name a {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #a00303;
}
ul.gridPerson li.name a:hover {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #888;
}
ul.gridPerson li.title {
    font-style: italic;
}
ul.gridPerson li.location {
                
}
h2.gridTitle {
    font-size: 1em;
    margin: 10px auto;
    padding: 0px 0px 5px 35px;
    display: inline-block;
    background: url('https://animalflow.com/wp-content/uploads/2021/09/Spotify-logo.png') top left no-repeat;
    background-size: 25px 25px;
}
div.interestGridList h3 {
	font-size: 1.3em;
	font-family: "Oswald", sans-serif !important;
	font-weight: normal !important;
	color: #aaa;
	padding: 3px 10px;
	background: #141f4e;
	margin: 5px auto 25px auto;
	width: 83%;
}

div.interestGridList p {
	Font-style: italic;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 35px;
	
}
div.interestGridList p.firstQuote {
	text-align: left !important;
	font-style: normal;
	margin: 10px auto;
	width: 75%;
	max-width: 1400px;
}
a.gridLink {
    color: #333;     
}
a.gridLink:hover {
    color: #888;
}
div.gridEmbed {
	width: 100%;
	display: inline-block;
	position: relative;
	max-height: 200px;
	height: 200px !important;
	overflow: hidden;
}
div.bookArticle div.gridEmbed {
	width: 100%;
	text-align: center;
	display: inline-block;
	position: relative;
	max-height: 250px;
	height: auto !important;
	overflow: hidden;
}
div.bookArticle div.gridBlock {
	align-items: center !important;
    border-bottom: 1px solid #666;
    padding: 15px 0px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    max-width: 1400px;
    width: 82%;
    font-family: "Lato", sans-serif;
    position: relative;
    margin: 0px auto;
}
div.bookArticle div.gridCol1 {
    width: 35% !important;
    flex-shrink: 0;
    text-align: center;
}
div.bookArticle div.gridCol2 {
    width: 60%;
    position: relative;
    flex-shrink: 0;
    text-align: center;
}
div.gridCol3 {
	display: block;
	flex-grow: 2 !important;
	width 100%;
}
h2.gridBookTitle {
    font-size: 1em;
    margin: 10px auto;
    padding: 0px;
    display: inline-block;
    text-align: center;
}
a.gridBookLink {
	color: #333;
	text-decoration: none;
}
a.gridBookLink:hover {
	color: #888;
	text-decoration: underline;
} 
div.bookArticle div.gridSpacer {
	border-top: 1px solid #798da3;
	width: 82%;
	margin: 10px auto 0px auto;
}

/* Mobile styles for the grid only */
                
@media only screen and (max-width: 600px) {
	.gridBlock {
    	flex-flow: column wrap;
    	justify-content: flex-start;
    	align-items: center;
    	width: 100%;
    	margin: 15px auto !important;
    	border-top: 6px double #798da3;
	}
	div.bookArticle div.gridBlock {
		border-top: 1px solid #798da3;
		border-bottom: none !important;
		width: 100% !important;
		padding: 0px 5px !important;
		margin: 15px 0px !important;
	}
	div.interestGridList  .gridSpacerBottom, div.interestGridList .gridSpacerTop {
		width: 100% !important;
	}
	ul.gridPerson {
    	text-align: center;
	}
	h2.gridTitle {
		background-image: none !important;
		padding: 5px 0px !important;
		text-align: center !important;
		display: block !important;
		width: 100%;
	}
	.gridCol1 {
		display: inline-block;
    	width: 100% !important;
    	max-width: 100% !important;
    	margin: 10px auto 0px auto;
    	position: relative;
	}
	div.interestGridList .gridCol1 {
		width: 100% !important;
    	max-width: 100% !important;
    	margin: 10px auto 0px auto;
	}
	.gridCol2 {
		display: block;
    	width: 100%;
    	max-width: 100%;
	}
	div.interestGridList .gridCol2 {
		width: 90% !important;
    	max-width: 90% !important;
	}
	div.interestGridList h3 {
		width: 100%;
	}
	div.bookArticle div.gridCol3 h3 {
		margin-left: 5px !important;
	}
	.gridImage {
    	width: 48%;
    	display: inline-block;
    	height: auto;
    	margin: 0px auto;
	}
	div.interestGridList .gridImage {
    	width: 100%;
	}
	.gridImage img {
    	object-fit: cover;
   	 	max-width: 100%;
   	 	width: 150px !important;
   	 	height: 150px !important;
    	max-height: none;
	}
	div.interestGridList .gridImage img {
   	 	width: 100% !important;
   	 	height: auto !important;
    	max-height: none;
	}
	div.bookArticle div.gridCol1 { 
		width: 35% !important;
	}
	div.bookArticle div.gridCol2 {
		width: 55% !important;
	}
	div.bookArticle div.gridEmbed img {
		max-width: 200px !important;
		object-fit: contain;
	}
	


	
	div.bookArticle div.gridImage img {
		width: 100% !important;
		height: auto !important;
		max-height: none !important;
	}
	div.bookArticle div.gridImage {
		width: 100% !important;
		height: auto !important;
		max-height: none !important;
	}
	ul.gridPerson {
		width: 48%;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: -55px;
		left: -25px;
	}
	div.bookArticle ul.gridPerson {
		width: 100%;
		text-align: center;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: 0px !important;
		left: 0px !important;
	}
	div.bookArticle div.gridSpacer {
		display: none !important;
	}
	div.bookArticle ul.gridPerson li.name {
		font-size: 1em;
		text-align: center;
	}
	div.bookArticle ul.gridPerson li.name a {
	
	}
	div.bookArticle ul.gridPerson li.name a:hover {
	
	}
	
	div.interestGridList ul.gridPerson {
		width: 48%;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: 0px !important;
		left: 0px !Important;
	}
	ul.gridPerson li.name {
		font-size: 1.8em;
	}	
}

/* flex table styles only */

div.flowistFlexTable {
	width: 80%;
	max-width: 1200px;
	margin: 20px auto;
	padding: 10px;
}
.flexTableRow {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: stretch;
	background: white;
}
/* .flexTableRow :first-child {
	flex: 1 1 0;
} 
.flexTableRow > * {
	flex: 4 2 0;
}*/
.flexTableHeader {
	padding: 8px;
	margin: 0px;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	display: inline-block;
	background: white;
	width: 33%;
}
.flexTableHeaderDouble {
	width: 66%;
	padding: 8px;
	margin: 0px;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	display: inline-block;
	background: white;
}
.flexTableCell {
	width: 33%;
	padding: 8px;
	margin: 2px;
	text-align: left;
	font-size: 0.8em;
	display: inline-block;
	border: 1px solid #666;
	background: white;
}
div.flexTableMobile {
	display: none !important;
}


/* mobile flex table styles only */
@media only screen and (max-width: 600px) {
 	.flowistFlexTable {
 		width: 100% !important;
 	}
 	div.flexTableMobile {
 		display: block !important;
 		font-style: italic;
 		font-size: 0.7em;
 	}
 	div.flexTableCell.flexSubHead {
 		font-weight: bold !important;
 		color: #aa0033;
 	}
 	.flexTableRow {
 		flex-flow: column nowrap !important;
 		justify-content: flex-start !important;
 		align-items: flex-start !important;
 		width: 100%;
 		margin: 10px 0px;
 		
 	}
 	.flexTableHeader, .flexTableHeaderDouble, .flexTableCell {
 		width: 100% !important;
 	}
 	div.flexTableRow.flexTableTopRow {
 		margin: 5px 0px !important;
 		padding: 5px 0px !important;
 		display: none !important;
 	}
 	.flexTableRow.flexTableSecondRow {
 		display: none !important;
 	}
 	.flexTableHeaderDouble {
 		display: none !important;
 	}

}


div.picFlexRow {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: flex-start;
	width: 80%;
	max-width: 1400px;
	margin: 15px auto;
}
div.picFlexRowItem  {
	display: inline-block;
	width: 100%;
	margin: 0px 5px;
}
div.picFlexRow img {
	width: 100%;
	height: auto;
	object-fit: contain;
}
div.picFlexRow p {
	margin: 10px auto;
	width: 100%;
	font-style: italic;
	text-align: center;
	font-size: 0.9em;
}

div.picFlexColumn {
	display: block;
	max-width: 1400px;
	margin: 15px 10%;
	width: 80%;
}
div.picFlexColumnItem {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	flex-shrink: 0;
	align-items: center;
	margin: 15px auto;
}
div.picFlexColumnImg {
	width: 45%;
	display: inline-block;
}
div.picFlexColumn img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
div.picFlexCaption {
	display: inline-block;
	width: 50%;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	flex-shrink: 0;
}
.picFlexCaption h4 {
	display: inline-block;
	width: 100%;
	font-weight: bold;
	font-family: "Oswald", sans-serif;
	font-size: 1.1em;
	text-align: center;
	margin: 5px auto !important;
}
.picFlexCaption p {
	width: 100%;
	font-style: italic;
	text-align: center;
	font-size: 0.7em;
	padding: 0px !important;
	margin: 5px 0px !important;
}
.singleWrapBlock {
	margin: 20px 10%;
	clear: both;
	width: 80%;
}
.flowistSingleContent .singleWrapBlock p {
	font-style: italic;
	margin: 10px 0px !important;
	padding: 0px !important;
}
.singleWrapBlock img {
	object-fit: contain;
	width: 100%;
	height: auto;
}
.singleWrapRight {
	width: 30%;
	height: auto;
	float: right;
	margin: 0px 20px 15px 15px;
}
.singleWrapLeft {
	width: 30%;
	height: auto;
	float: left;
	margin: 0px 15px 15px 20px;
}
.flowistSingleContent div.videoBlock p {
	width: 100% !important;
	max-width: 100%;
	margin: 3px auto !important;
}
.flowistSingleContent div.videoBlock #player {
	width: 100% !important;
	max-width: 100% !important;
}

div.picFlexColumnA {
	display: block;
	clear: both;
	width: 30%;
	margin: 0px 15px 0px 10%;
	float: left;
}
div.picFlexColumnItemA {
	width: 100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	flex-shrink: 0;
	align-items: center;
	margin: 15px auto;
}
div.picFlexColumnImgA {
	width: 45%;
	display: inline-block;
}
div.picFlexColumnA img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
div.picFlexCaptionA {
	display: inline-block;
	width: 100%;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	flex-shrink: 0;
}
.picFlexCaptionA h4 {
	display: inline-block;
	width: 100%;
	font-weight: bold;
	font-family: "Oswald", sans-serif;
	font-size: 1.1em;
	text-align: center;
	margin: 5px auto !important;
}
.picFlexCaptionA p {
	width: 100%;
	font-style: italic;
	text-align: center;
	font-size: 0.8em;
	padding: 0px !important;
	margin: 5px 0px !important;
}
.picWrapLeft {
	width: 30%;
	float: left;
	margin: 15px 15px 15px 10%;
}
.sectionSpacer {
	width: 100%;
	margin: 25px 0px 0px 0px;
}
.picFloatRight {
	float: right;
	margin: 0px 10% 15px 15px;
}

h4.Aheader {
	clear: none;
	padding-top: 5px !important;
}
div.fAnswer {
	margin: 0px 20px;
}
h4.Qheader {
	color: #a00303;
	clear: none;
	padding-top: 15px;
	border-top: 1px solid #798da3;
	margin-top: 25px;
}
div.fQuestion {
	margin: 0px 20px !important;
}


/* SA Slider styles for the slider carousels */

#slider_246968 .owl-item {
	margin: 0px auto !important;
	width: 726px;
	text-align: center !important;
}
div.sliderVideo {
	width: 320px;
	margin: 0px auto !important;
}
div.sliderVideo .mejs-controls {
	left: -80px;
}
@media only screen and (max-width: 600px) {
	/* mobile for carousel */
	#slider_246968 .owl-item {	
	}
	div.sliderVideo {
	}
	div.sliderVideo .mejs-controls {
		left: 0px !important;
		display: none !important;
	}
	
}

/* styles for inner article navigation, i.e. part I, part II */

div.internalLink {
	color: #798da3;
	font-size: 80%;
	border-top: 1px solid #798da3;
	border-bottom: 1px solid #798da3;
	margin: 0px 8% 20px 8%;
	padding: 5px;
	background: #efefef;
}
div.internalLink a {
	display: block;
	color: #798da3;
	font-style: italic;
}
div.internalLink a:hover {
	color: #a00303;
	font-weight: bold;
	text-decoration: none;
}

div.tipsList {
	padding: 10px;
	border: 1px dotted #798da3;
	margin: 10px 10%;
	background: #efefef;
}
div.tipsList ol {
	font-size: 100%;
}
div.tipsList p {
	text-align: center;
	font-style: italic;
}

@media only screen and (max-width: 600px) {
	div.internalLink {
		margin: 0px 0px 20px 0px !important;
	}
	div.tipsList {
		padding:5px;
		border: 1px dotted #798da3;
		margin: 10px 0px;
		background: #efefef;
	}
	div.tipsList ol {
		margin: 10px 0px;
		width: 100%;
	}

}

/* ########## styles for side by side videos and captions, horz desktop, vertical mobile */

div.vidFlexBox {
	flex-flow: row nowrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	margin: 15px 8%;
	
}
div.embedVideo3 iframe {
	min-height: fit-content !important;
	max-height: none !important;
	height: auto !important;
	width: 100%;
}
div.embedVideo3 .vp-center {
	vertical-align: top;
	justify-content: flex-start !important;
	min-height: none !important;
	width: 100%;
}
div.embedVideoplus {
	width: 80%;
	position: relative;
	margin: 0px auto;
}
div.embedVideoplus .vp-center {
	vertical-align: top;
	justify-content: flex-start !important;
	min-height: none !important;
	width: 100%;
}
.vidFlexItem {
	text-align: center;
	display: inline-block;
}
div.embedVideoAlso iframe {
	max-height: none !important;
	height: auto !important;
	width: 80%;
	margin: 
}
div.embedVideoAlso .vp-center {
	vertical-align: top;
	justify-content: flex-start !important;
	min-height: none !important;
	width: 80%;
}

div.flowistListBlock {
	margin: 15px 10%;
	max-width: 1200px;
	padding: 20px;
	border: 3px double #666;
}
div.flbLabel {
	font-size: .9em;
}
.flowistSingleContent div.flowistListBlock ul {
	margin: 5px 0px !important;
}
.flowistSingleContent div.flowistListBlock li {
	margin: 10px !important;
	padding: 0px 10px !important;	
}
div.flowistEmbedRight {
	 float: right; 
	 padding-left: 10px; 
	 padding-bottom: 10px; 
	 padding-top: 10px;
	 max-width: 50%;
	 object-fit: contain;
	 margin-right: 10%;
}
@media only screen and (max-width: 600px) {
	.flowistEmbedRight {
	 	float: none !important;
	 	padding: 0px !important; 
	 	max-width: 90% !important;
	 	width: 90% !important;
		margin: 10px 5% !important;
		text-align: center;
	 }
	 .flowistEmbedRight img {
	 	width: 90% !important;
	 }
	 .flowistSingleContent h4.Aheader,
	 .flowistSingleContent h4.Qheader {
	 	margin: 15px !important;
	 }
}



@media only screen and (max-width: 600px) {
/* Main page mobile styles */
	div.vidFlexBox {
		flex-flow: column nowrap !important;
		justify-content: flex-start;
		align-items: center;
		margin: 15px 0px !important;
		width: 100%;
	}
	.vidFlexItem {
		display: block;
		width: 100%;
	}
	div.embedVideo3 iframe {
		min-height: fit-content !important;
		max-height: none !important;
		height: auto !important;
		width: 100% !important;
		margin: 5px 0px;
	}
	div.embedVideo3 .vp-center {
		vertical-align: top;
		justify-content: flex-start !important;
		min-height: none !important;
		width: 100%;
	}
	div.embedVideoPlus iframe {
		min-height: fit-content !important;
		max-height: none !important;
		height: auto !important;
		width: 100% !important;
		margin: 5px 0px;
	}
	div.embedVideoPlus .vp-center {
		vertical-align: top;
		justify-content: flex-start !important;
		min-height: none !important;
		width: 100%;
	}
}

/* pagination styles for overflow articles on category pages */

.pagination {
	margin: 10px 8%;
	padding: 10px 0px;
}
	
.pagination .page-numbers {
	padding: 15px 20px;
	font-size: 18px;
	background: #eee;
	color: #000;
	text-decoration: none;
}

.pagination a.page-numbers:hover,
.pagination .page-numbers.current {
	background: #000;
	color: #fff;
}

/* ###################### mobile device styles below ########################### */
/* ###################### mobile device styles below ########################### */
/* ###################### mobile device styles below ########################### */
/* ###################### mobile device styles below ########################### */
/* ###################### mobile device styles below ########################### */




@media only screen and (max-width: 600px) {
/* Main page mobile styles */
	html {
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
	body.flowistBody {
		min-width: 100% !important;
		width: 100% !important;
	}
	div#flowistPageAlign {
		max-width: 100% !important;
		width: 100% !important;
		min-width: 100% !important;
	}
	div#flowistMainBlock {
		padding: 10px 0px !important;
	}
	
	
	#flowistHeader {
		background-image: url("https://animalflow.com/wp-content/uploads/2021/09/headerImage-blue-750.jpg") !important;
		background-position: 65% 0% !important;
		padding-bottom: 0px !important; 
	}
	div#flowistHeader h1 {
		top: 10px;
		left: 10px;
		text-align: left;
	}
	div#flowistHeader h2 {
		color: #3b4754;
		text-align: center;
		font-family: "Lato", sans-serif;
		font-size: .9em;
		font-style: italic;
		margin-left: 0px;
		position: absolute;
		top: 40px;
		left: 20px;
	}
	div#flowistMainBlock h2.sectionHeader, div#flowistMainBlock h2.featuredProgram {
		border-bottom: none !important;
		border-top: 1px solid #333;
		padding: 15px 0px 5px 0px !important;
	}
	
	
/* mobile nav styles */
	
	
	.flowistNav {
		display: none;
		min-width: 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		position: relative;
	}
	body.flowistBody .flowistNav a {
		width: 100% !important;
	}
	body.flowistSingleBody .flowistNav a, 
	body.flowistTaxonomyBody .flowistNav a {
		width: 100% !important;
	}
	.flowistNav a {
		display: block !important;
		text-align: center;
	}
	h2.navTitle  {
		font-size: 1em !important;
		margin: 4px 0px !important;
	}
	div#mobileNavButton {
		display: block;
		width: 45px;
		height: 45px;
		position: absolute;
		z-index: 1200;
		bottom: 0px;
		right: 0px;
		padding: 0px;
		background: #aaa;
		border: 1px solid #aaa;
		border-radius: 5px 0px 0px 0px;	
	}
	div#flowistTaxonomyHeader div#mobileNavButton {
		bottom: 0px;
		right: 0px;
	}
	div#flowistSingleHeader div#mobileNavButton {
		bottom: -45px;
		right: 0px;
		border-radius: 0px 0px 0px 5px;	
	}
	div.mobileNavButton a {
		display: block;
		width: 45px;
		height: 45px;
		object-fit: contain;
	}
	div.mobileNavButton a img {
		object-fit: contain;
	}



	#flowistBottomNav a {
		width: 95% !important;
	}
	div#flowistBottomNav {
		background-image: none !important;
	}
  
	

/* top group (featured stories)  mobile styles */

	div.flowistTopGroup {
		width: 100%;
		margin: 5px auto;
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: center;
		padding-bottom: 20px;
		border-bottom: 1px dotted #777;
	}
	div.featuredStoryRightColumn {
		display: block;
		width: 100% !important;
	}
	div.featuredStoryTitle {
	
		display: block !important;
	}
	div.featuredTopExcerpt {
		padding: 0px 10px !important;
		display: block !important;
		
	}


	div.flowistImage {
		order: -1 !important;
		max-height: none !important;
		height: auto !important;
		display: block !important;
		text-align: center;
		min-width: 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		min-height: auto !important;
		margin: 5px 0px !important;
	}
	div.flowistImage img {
		height: auto !important;
		min-width: 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		max-height: none  !important;
	}
	div.featuredTopExcerpt {
		min-height: auto !important;
		height: auto !important;
		padding: 0px 0px 0px 0px !important;
		width: 100% !important;
		display: block !important;
		margin-top: 20px !important;
		margin-bottom: 10px !important;
		font-size: 100% !important;
	}


/*featured program mobile styles */
	.flowistFeaturedProgram img {
		height: auto !important;
	}
	
/* latest mobile styles */
	div.latestBlock {
		margin: 15px auto !important;
		width: 85% !important;
		
	}
	div.latestItem {
		padding: 0px;
		margin: 35px 0px;
		display: flex;
		flex-flow: column nowrap !important;
		justify-content: space-between !important;
		align-items: center !important;
	}
	div.latestImage {
		width: 100% !important;
		object-fit: cover;
		display: block;
	}
	div.latestImage img {
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
	}
	div.latestTextColumn {
		width: 100%;
		display: block;
		margin: 5px 10px !important;
	}
	div.latestTitle {
		text-align: center;
		display: block;
	}
	div.latestTitle a {
		text-align: center;
		display: block;
	}
	.latestTagline {
		text-align: left;
		display: block !important;
	}
	.latestExcerpt {
		text-align: left;
		display: none !important;
	}
	a.latestMoreLink {
		text-align: left;
		display: block;
		margin-top: 10px;
	}


	
/* wisdom mobile styles */
	
	
	div.wisdomBlock {
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: center;
	}
	div.wisdomItem {
		display: block;
		width: 100%;
		margin: 20px auto;
	}
	a.wisdomMoreLink {
		text-align: left;
		display: block;
		padding: 0px 10px;
	}
	

	
/* taxonomy category page mobile styles */ 
	.categoryImage {
		width: 100% !important;
		max-width: 100% !important;
	}
	.categoryImage img {
		object-fit: cover !important;
		width: 100% !important;
		max-width: 100% !important;
		display: block !important;
	}
	#flowistTaxonomyHeader h1 {
		display: block !important;
		width: 100% !important;
		margin: 0px auto !important;
		text-align: center !important;
		padding: 0px  !important;
		vertical-align: middle !important;
	}
	#flowistTaxonomyTopAlignBlock {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		justify-content: flex-start;
		align-items: center;
	}
	.flowistTaxonomyRightColumn {
		display: block !important;
		width: 100% !important;
		margin-left: 0px !important;
		padding-bottom: 15px !important;
	}
	.flowistTaxonomyRightColumn h1 {
		margin: 0px auto !important;
		padding: 0px;
	}
	#flowistTaxonomyHeader .categoryTagline {
		display: block !important;
		width: 90% !important;
		margin: 0px auto 0px auto !important;
	}
	#flowistTaxonomyHeader .categoryTagline p { 
		margin-top: 0px !important;
	}
	.taxonomyItemRightColumn {
		display: block !important;
		width: 100% !important;
		padding: 5px !important;
	}
	div.taxonomyImage {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		object-fit: cover;
		margin: 0px auto 10px auto !important;
		text-align: center;
		padding: 0px !important;
	}
	.taxonomyImage a {
		padding: 0px !important;
		margin: 0px  auto !important;
		display: block;
		width: 100%;
	}
	div.taxonomyImage img {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		margin: 0px !important;
		object-fit: cover;
	}
	#flowistTaxonomyBlock h2.title_re {
		display: block !important;
		text-align: center;
		padding: 10px 0px 0px 0px !important;
		margin: 0px 0px 20px 0px !important;
		width: 100%;
	}
	.taxonomyItem {
		padding: 0px !important;
	}
	.taxonomyItem article {
		flex-flow: column nowrap !important;
	}
	.taxonomyContent {
		padding: 5px !important;
	}
	
	
	/* single article mobile page styles */
	
	.flowistSingleContent {
		padding: 10px 10px !important;
	}
	.flowistSingleContent h2 {
		margin: 10px auto !important;
		padding: 0px !important;
	}
	.flowistSingleContent h3 {
		margin: 3px 0px;
		padding-top: 5px;
	}
	.flowistSingleContent p {
		font-size: 0.8em;
		margin: 15px !important;
	}
	.flowistSingleContent ul {
		margin: 15px 5px !important;
	}
	
	.flowistSingleContent ul ul {
		list-style: disc !important;
		padding: 0px !important;
		margin: 10px 0px 10px 25px !important;
	}
	.flowistSingleContent ul li {
		margin-left: 0px !important;
	}
	.flowistSingleContent ol {
		margin: 15px 5px !important;
		line-height: normal !important;
	}
	.flowistSingleContent ol li {
		margin-left: 0px !important
	}
	h2.singleFlowistTitle {
		margin-left: 6px !important;
		margin-right: 6px !important;
	}
	.flowistSingleTagline {
		margin-left: 6px !important;
		margin-right: 6px !important;
	}
	.authorBlock {
		position: relative; 
		vertical-align: middle;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		margin: 5px 0px 15px 5px;
	}
	div.flowistSingleAuthorPicture {
		display: none;
	}
	div.flowistSingleAuthorName {
		font-size: 1.1em;
	}
	div.flowistSingleAuthorName span {
		display: inline-block;
		font-size: .9em;
	}	
	
	/* mobile style for the sliders in the article posts */	
	.sa_owl_theme .owl-nav button, .sa_owl_theme .owl-nav div {
		position: absolute;
		top: 100% !important;
	}
	
	
	/* mobile style for the flex grids in the article posts */	
	
	div.picFlexColumn {
		margin: 15px 0;
		width: 100%;
	}
	div.picFlexColumnItem {
		width: 100%;
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
	}
	div.picFlexColumnImg {
		width: 90%;
		margin: 0px auto;
		display: block;
	}
	div.picFlexCaption {
		display: block;
		width: 90%;
		margin: 0pxpx;
	}
	.picFlexCaption h4 {
		display: block;
		width: 100%;
		font-weight: bold;
		font-family: "Oswald", sans-serif;
		font-size: 1.1em;
		text-align: center;
		margin: 5px auto !important;
	}
	.picFlexCaption p {
		width: 90%;
		font-style: italic;
		text-align: center;
		font-size: 0.7em;
		padding: 0px !important;
		margin: 5px 0px !important;
	}
	.flowistSingleContent h4 {
		margin: 5px 0px;
	}
	div.picFlexColumnA {
		display: block;
		width: 100% !important;
		margin: 20px 0px !important;
		float: none !important;
	}
	div.picFlexColumnItemA {
		width: 100%;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		flex-shrink: 0;
		align-items: center;
		margin: 5px 0px !important;
	}
	div.picFlexColumnImgA {
		width: 100% !important;
		display: block !important;
	}
	div.picFlexColumnA img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	div.picFlexCaptionA {
		display: block !important;
		margin: 5px 0px !important;
	}
	.picFlexCaptionA p {
		margin: 0px !important;
	}
	
	div.picFlexRow {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		max-width: 1400px;
		margin: 15px auto;
	}
	div.picFlexRowItem  {
		display: inline-block;
		width: 100%;
		margin: 0px 5px;
	}
	div.picFlexRow img {
		width: 100%;
		height: auto;
		object-fit: contain;
	}
	div.picFlexRow p {
		margin: 10px auto;
		width: auto;
		font-style: italic;
		text-align: center;
		font-size: 0.9em;
	}
	div.picFlexRowCaption p {
		font-size: 0.7em !important;
		margin: 3px 0px 3px 0px !important;
	}
	.singleWrap {
		float: none;
		margin: 3px auto!important;
		padding: 0px;
		width: 100%;
		max-width: 315px;
	}
	.flowistSingleContent .singleEntry p {
		margin: 10px 0px !important;
		padding: 0px !important;
	}
	.singleEntry {
		margin: 15px auto !important;
		padding: 15px 0px;
		width: 95%;
	}
	h2.flowistSingleTitle {
		width: 95% !important;
		margin-left: auto;
		margin-right: auto;
	}
	.singleWrapPic {
		width: 100%;
		max-width: 100%;
	}
	.singleWrapPic img {
		width: 100%;
	max-width: 100%;
	object-fit: contain;
	}
	.singleWrapName {
		font-weight: bold;
		font-size: .8em;
		text-transform: uppercase;
		color: #a00303;
	}
	.singleWrapName a {
	
	}
	.singleWrapName a:hover {

	}
	.picWrapLeft {
		width: 100% !important;
		float: none !important;
		margin: 10px 15px !important;
	}	
}

.flowistIGblock {
	width: 540px;
	margin: 10px auto;
	text-align: center;
}

/* specific jam sessions table styles */

.jamSessionsTable {
						margin: 15px auto;
						padding: 0px;
						max-width: 1200px;
						width: 100%;  
 				 }
.jamAlphaList {
			margin: 10px auto;
			font-family: 'Lato', sans-serif !important;
			max-width: 1200px;
			width: 100%;
		}
.jamAlphaList a {
			display: inline-block;
			text-decoration: none;
			padding: 2px 7px;
			margin: 3px 3px;
			background: #ddd;
			color: #666;
			border: 1px solid #ddd;
		}
.jamAlphaList a:hover {
			background: #666;
			color: #ddd;
			border: 1px solid #a00303;
		}
.jamAlphaList a.noCountry {
			background: #999;
		}
.jamAlphaList a.noCountry:hover {
			background: #999 !important;
			border: 1px solid #999 !important;
			color: #666 !important;
		}
.jamFlexRow {
			display: flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: stretch;
			width: 100%;
			max-width: 1200px;
			min-width: 699px !important;
			margin: 0px auto;
		}
.jamFlexRow h3 {
			margin: 0px !important;
			padding: 0px !important;
			font-weight: bold;
			font-size: 1em !important;
			font-family: 'Oswald', sans-serif !important;
			line-height: auto !important;
		}
.jamCell {
			flex: 1 1 20%;
			border: 1px solid #666;
			padding: 4px;
			font-family: 'Lato', sans-serif !important;
			
		}
.jamAlphaRow {
			margin: 5px auto;
			width: 100%;
			max-width: 1200px;
			min-width: 599px;
			font-family: 'Lato', sans-serif !important;
			font-weight: bold;
			background: #eee;
			padding: 2px 3px 2px 6px;
		}
.jamAlphaRow a {
			display: inline-block;
			text-decoration: none;
			color: #a00303;
			font-size: 0.8em;
			margin-left: 10px;
		}
.jamAlphaRow a:hover {
	color: #CF1814;
	text-decoration: underline;
}
.jamContact {
	flex: 1 1 35%;
}
		
@media only screen and (max-width: 600px) {
	.jamFlexRow.keyRow {
		display: none;
	}
	.jamSessionsTable {
		margin: 15px auto;
		padding: 0px;
		max-width: 100%;
		width: 100%;  
		min-width: initial;
 	}
	.jamFlexRow {
			display: flex;
			flex-flow: column wrap;
			justify-content: center;
			align-items: flex-start;
			width: 100%;
			min-width: initial !important;
			max-width: 100% !important;
		}
	 .jamAlphaRow {
			max-width: 100% !important;
			min-width: initial !important;
			width: 50%;
			border: 1px solid #999;
			text-align: center;

		}
	  .jamCell {
			flex: 0 0 auto;
			border: 1px solid #666;
			padding: 4px;
			font-family: 'Lato', sans-serif !important;
			width: 100%;
			max-width: 100% !important;
			min-width: initial;
		}
		.jamCountry {
			font-weight: bold;
			background: #d98a8a;
		}
	  .jamCity {
		padding-left: 20px;
			
		}
	  .jamLeader {
		padding-left: 20px;
		font-style: italic;
			
		}
	  .jamContact {
		flex: 0 0 auto;
		padding-left: 20px;
		}
}