@charset "UTF-8";
@import url("webfonts/open_sanssemibold/stylesheet.css");
/*COLORS – background: #b0c7f3, button blue: #037cbe, fonts:#19194B, visited links: #19194b, p hover: #87ceeb hover background:#00008b */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body                  {
	font-size: 1em;
	font-family: 'open_sansregular', sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #19194B;
	margin: 0;
	background: #b0c7f3 url(clouds/bg-mountains.jpg) no-repeat fixed center top;
 }
#wrapper {
	margin-right: auto;
  margin-left: auto;
    margin-top: 20px;
  max-width: 960px;
}
#wrapper2 {
	margin-right: auto;
	margin-left: auto;
	max-width: 960px;
}

#wrapper2 .albumReflow {
	padding: 0;
	max-width: 800px;
	margin: auto;
}
#wrapper2 .albumReflowTemp {
	padding: 0;
	max-width: 800px;
}
#wrapper3 {
    width: 100vw;
	text-align: center;
}
p   { color: #19194b; font-size: 1em; line-height: 1.5em;}
b {font-family: 'open_sanssemibold'}
.padme {
    padding: 10px;
	line-height: 1.5em;
}

td   { color: #19194b; font-size: 1em; }
#takeButtons   {
	text-align: center;
}
header {margin: 0 10 30; }
/*Meditation Break Buttons*/
#takeButtons {
	display: inline-block;
	max-width: 500px;
	min-width: 300px;
    padding-bottom: 20px;
}
.streamTable {
	max-width: 490px;
	min-width: 300px;
}
p a:link, li a:link   {
	color: #19194b;
	font-weight: normal;
	border: none;
	text-decoration: underline;
	outline: 0;
}
p a:visited, li a:visited  {
	color: #19194b;
	font-weight: normal;
	outline: 0;
	text-decoration: underline
}
p a:hover, li a:hover   {
	color: #87ceeb;
	font-weight: normal;
	outline: 0;
	text-decoration: none;
	background-color:#00008b;
}

strong {font-family: 'open_sansbold', sans-serif }
.trajfont {
	font-family: 'Trajan3Regular', serif;
	color: #0C1C61;
    font-weight: 400;
    font-style: normal;
    font-size: 3.5rem;
    letter-spacing: .2rem;
    text-align: right;
	line-height: 20px;
    line-height: 5rem;
	padding-left: 1rem;
}
h1 a .trajfont a:visited {color: #0C1C61; text-decoration: none; outline: 0; }
.listenbtn a {
    border: 1px solid #FFFFFF;
    border-radius: 30px;
    padding: 10px 20px 7px;
    background-color: #037cbe;
    color: #FFFFFF;
    font-family: 'Trajan3Regular', serif;
    text-decoration: none;
    letter-spacing: 0.1rem;
    margin: 20px;
    display: inline-block;
    min-width: 150px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.listenbtn a:hover {-webkit-box-shadow: 0px 0px 15px 4px #fff;
    -moz-box-shadow: 0px 0px 15px 4px #fff;
	box-shadow: 0px 0px 15px 4px #fff;
    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */
    }
.listenbtn a:after {background-color:#037cbe;}
/*for Playlist buttons*/
.listenbtn2 a {
    border: 1px solid #FFFFFF;
    border-radius: 30px;
    padding: 10px 20px 7px;
    background-color: #037cbe;
    color: #FFFFFF;
    font-family: 'Trajan3Regular', serif;
    text-decoration: none;
    letter-spacing: 0.1rem;
    margin: 0px 20px 20px 20px;
    display: inline-block;
    width: 160px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}
.listenbtn2 a:hover {-webkit-box-shadow: 0px 0px 15px 4px #fff;
    -moz-box-shadow: 0px 0px 15px 4px #fff;
	box-shadow: 0px 0px 15px 4px #fff;
    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */
    }
.listenbtn2 a:after {background-color:#037cbe; color: #fff}
.listenbtn2 a:visited {color: #fff}
.listenbtn3 a {
    border: 1px solid #FFFFFF;
    border-radius: 30px;
    padding: 10px 20px 7px;
    background-color: #037cbe;
    color: #FFFFFF;
    font-family: 'Trajan3Regular', serif;
    text-decoration: none;
    letter-spacing: 0.1rem;
    margin: 0px 20px 20px 20px;
    display: inline-block;
    min-width: 150px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.listenbtn3 a:hover {-webkit-box-shadow: 0px 0px 15px 4px #fff;
    -moz-box-shadow: 0px 0px 15px 4px #fff;
	box-shadow: 0px 0px 15px 4px #fff;
    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */
    }
.listenbtn3 a:after {color: #fff; background-color:#037cbe;}
.listenbtn3 a:visited {color: #fff}
.bigstreamer {font-size: 1.2em;}
.smallstreamer {font-size: 0.8em}

/*styles for streaming service buttons same listen button */
.streamholder {
	display: flex; align-content: center; 
	justify-content: center; flex-flow: wrap;
	margin-top: 30px;
}

.streambtn {align-content: center; justify-content: center}
.streambtn a {
    border-radius: 10px;
    padding: 5px 5px;
    background-color: #037cbe;
    text-decoration: none;
    letter-spacing: 0.1rem;
    margin: 30px;
    display: inline-block;
    width: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.streambtn a:hover, a:active, a:focus {-webkit-box-shadow: 0px 0px 15px 4px #fff;
    -moz-box-shadow: 0px 0px 15px 4px #fff;
	box-shadow: 0px 0px 15px 4px #fff;
    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */
    }

/*stream and listen button on resource guide - white background so glow hover doesn't work*/
.streambtnr {align-content: center; justify-content: center}
.streambtnr a {
    border-radius: 10px;
    padding: 5px 5px;
    background-color: #037cbe;
    text-decoration: none;
    letter-spacing: 0.1rem;
    margin: 30px;
    display: inline-block;
    width: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
	opacity: .75;
}

.streambtnr a:hover {opacity: 1;
    }
.listenbtnr a {
    border: 1px solid #FFFFFF;
    border-radius: 30px;
    padding: 10px 20px;
    background-color: #037cbe;
    color: #FFFFFF;
    font-family: 'Trajan3Regular', serif;
    text-decoration: none;
    letter-spacing: 0.1rem;
    margin: 20px;
    display: inline-block;
    width: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
	opacity: .75;
}

.listenbtnr a:hover {opacity: 1;
    }
.listenbtnr a:after {background-color:#037cbe;}

/*styles for Read More buttons a little different */
.readmore {
	display: flex; align-content: center; 
	justify-content: center; flex-flow: wrap;
	margin-top: 30px;
	color: #7da7d9;
	
}

.readmore a {
    padding: 5px 10px;
    border: 1px solid #275386;
	border-radius: 10px;
    text-decoration: none;
    letter-spacing: 0.1rem;
    margin: 30px;
    display: inline-block;
    width: auto;
    cursor: pointer;
}

.readmore a:hover {background-color: #275386
    }
/*White box shadow box for quotes*/
.quote h2 {
	font-family: 'Trajan3Regular', serif;
	font-size: 1.2em;
}
.quote {
    max-width: 600px;
	line-height: 1.6em;
    min-width: 280px;
    margin-left: 5%;
    margin-right: 5%;
	margin-bottom: 50px;
	margin-top: 50px;
    border-width: 0px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 13px 1px #FFFFFF;
	-moz-box-shadow: 0px 0px 13px 1px #fff;
    box-shadow: 0px 0px 13px 1px #FFFFFF;
    padding: 20px;
}
.quote-small {
    max-width: 350px;
	line-height: 1.6em;
    min-width: 280px;
	margin-bottom: 50px;
	margin-top: 50px;
    border-width: 0px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 13px 1px #FFFFFF;
	-moz-box-shadow: 0px 0px 13px 1px #fff;
    box-shadow: 0px 0px 13px 1px #FFFFFF;
    padding: 20px;
}
.quoteouter {
    padding: 0 40px;
}
/*REPLACE THIS STYLE*/
footer #warning .blueFine a {color: #00008B;
}
footer #warning .blueFine a:hover  {color: #87ceeb; background-color: #00008b; outline: 0
}
footer #warning .blueFine a:focus  {outline:0
}
footer #warning .blueFine a:visited {outline:0}
/*REPLACE THIS ABOVE STYLE*/
hr {
	float: clear;
    border: 0;
	width: 300px;
	height: 9px;
	background-image: url(sepbar300.png);
	text-align: center;
	background-repeat: no-repeat;
	margin-top: 25px;
	margin-bottom: 25px;
}
/* Gradient transparent - color - transparent */

hr.style-two {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(125, 167, 217, 0), rgba(125, 167, 217, 0.75), rgba(125, 167, 217, 0));
}
sup, sub {
    vertical-align: text-top;
    position: relative;
}
sub { 
  top: 0.4em; 
}
div#limitWidth650 p a {
	font-size: 1em;
}

#whyMed p a:hover {
	background-color: #19194B;
	font-size: 1em;
	color: #87CEEB;
}
#whyMed p a:focus {
    outline: 0
}
.liquid_mind_banner {
 margin-top: 34px
}

ol {
    counter-reset: list;
}

ol > li {
    list-style: none;
    position: relative;
	line-height: 1.4em;
}

ol > li:before {
    content: counter(list) ")";
    counter-increment: list;
    left: -40px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 40px;
}

h1, h1 a, h1 a:visited {
    font-family: 'open_sanssemibold', 'sans-serif';
	font-size: 1.2em;
	text-decoration: none !important;
	letter-spacing: 1px;
    line-height: 1.3em;
}
h2  { color: #19194b; font-weight: 400; font-size: 1.1em; letter-spacing: 1px; }
	h2 a{
	text-decoration: none !important; outline: none; color: #19194B;  
}
    h2 a:hover{color: #87ceeb !important; background-color: #00008B; }
    h2 a:visited{outline:none}
h3    { color: #19194b; font-weight: 400; font-size: 1.3em; word-spacing: 2px; letter-spacing: 2px }
h4  { color: #19194b; font-weight: 600; font-size: 1.1em; word-spacing: 2px; letter-spacing: 2px }
h5  { color: #fff; font-size: .8em;  }
.navlink    { color: #19194b; font-size: .9em; text-decoration: none }
.navlink a:link   { color: #19194b; text-decoration: none }
.navlink a:visited   { color: #19194b; text-decoration: none; outline: 0; }
.navlink a:hover  { color: #87ceeb; text-decoration: none; background-color: #00008b; outline: 0;}
.navlink a:focus {
    outline: 0
}
.footercontainerCenter {
	text-align: center;
	width: 100%;
}
#wrapper #footernav .containerCenter {
	text-align: center;
	align-items: center;
	align-content: center;
	
}

/*DELETE?*/
.buy    { color: #19194b; font-size: .8em; }
.indent10 {
    text-indent: 10px;
}
.buyB    {
	color: #19194b;
	font-size: .9em;
	
	font-weight: bold;
    line-height: 1.3em;
}
.buy a:link  { color: #19194b; text-decoration: underline }
.buy a:visited  { color: #19194b; text-decoration: underline; outline: 0; }
.buy a:hover      { color: #87ceeb; text-decoration: underline; background-color: #00008b; outline: 0; }
.buy a:focus { outline: 0 }
/*DELETE ABOVE?*/
.copyright  { color: #000; font-size: .75em; text-decoration: none }
.copyright a:link  { color: #19194b;  text-decoration: underline }
.copyright a:visited   { color: #19194b; text-decoration: underline; outline: 0; }
.copyright a:hover  { color: #87ceeb; text-decoration: none; background-color: #00008b; outline: 0 }
.copyright a:focus { outline: 0 }
.margint6 {margin-top: 6px;}
.altalbum      {
	color: #19194b;
	font-size: 0.85em;
	text-decoration: none;
	line-height: 12px
}
.altalbum a:link     { color: #19194b; font-size: .85em; text-decoration: none }
.altalbum a:visited      { color: #19194b; font-size: .85em; text-decoration: none; outline: 0}
.altalbum a:hover    {
	color: #87ceeb;
	font-size: .85em;
	text-decoration: none;
	background-color: #00008B;
	outline: 0;
}
.altalbum a:focus { outline: 0 }
.album  {
	color: #1A3680;
	font-size: .85em;
}


.blueFine { margin-left: auto; margin-right: auto; font-size: .9em !important;
     max-width: 750px; float: clear; padding-left: 5px; padding-right:5px}
	.blueFine a:link {font-family:'open_sansregular', sans-serif;}
	.blueFine a:visited {outline: 0}
	.blueFine a:hover {background-color:#00008B !important; color: #87ceeb; outline: 0;}


.bottom nav li { text-decoration: none; line-height: 1em}

	li a:link {text-decoration: none}
	li a:visited {color: #19194B; text-decoration: none; outline: 0;}
	li a:hover {color: #87ceeb; background-color: #00008b; text-decoration: none;}
	li a:active {color: #19194B; text-decoration: none}
.bottom nav ul  {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
	text-decoration: none;
}

ul li {list-style:disc}

.album a:link { color: #1A3680; font-size: .8em; text-decoration: none; outline: 0 }
.album a:visited  { color: #1A3680; font-size: .8em; text-decoration: none; outline: 0 }
.album a:hover  { color: #87ceeb; font-size: .8em; text-decoration: underline; background-color: #00008b; outline: 0 }
.album a:focus { outline: 0 }
.warning      { color: #e0ffff; font-size: 13px }
.splash { color: white; font-size: 14px; text-decoration: none; word-spacing: 8px; letter-spacing: 5px; }
.splash a:link { color: white; font-size: 14px; text-decoration: none; word-spacing: 12px; letter-spacing: 7px; }
.splash a:visited { color: white; font-size: 14px; text-decoration: none; word-spacing: 12px; letter-spacing: 7px; outline: 0;}
.splash a:hover {
	color: white;
	font-size: 14px;
	font-weight: bolder;
	text-decoration: none;
	word-spacing: 12px;
	letter-spacing: 7px;
	margin-left: 0px;
    outline: 0;
}
.splash a:focus { outline: 0 }


#stores {
	max-width: 630px;
}
/*DELETE?*/
#wrapper .containerSocial p {
	margin: 0;
	text-align: center;
}

/*DELETE?*/
#wrapper2 .containerSocial p {
	margin: 0;
}
#warning {
	padding: 0px 10%;
	max-width: 630px;
    text-align: center;
}
#copyRt {
	padding-left: 10%;
	padding-right: 10%;
	max-width: 630px;
}

.homeButtons {
	width: 33.3%;
    position: relative;
	float: left;
    display: inline-block;
    margin: auto;
}
.navlink ul li{
	display: inline-block;
	width: auto;
	line-height: 30px;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

.nav {
	text-align: center;
	position: relative;
	padding: 0;
	display: inline-block;
}
/*FOR OLD HOME PAGE ARCH*/
.archcontainerCenter {
	margin: 1em auto 0;
	max-width: 575px;
	padding: 0;
	/* [disabled]-o-object-fit: scale-down; */
	min-width: 360px;
}
.archcontainerCenter img {
    max-width: 100%;
    height: auto;
}
.position {
	position: relative;
}
tr td .positionA {
	display: block;
	width: 100%;
	margin-bottom: 64%;
}
tr td .positionB {
	display: block;
	width: 100%;
	margin-bottom: 21px;
}
tr td .positionC {
	width: 100%;
	display: block;
	padding-bottom: 8px;
}


.albumcontainerCenter img {
    max-width: 100%;
    height: auto;
}


.streamOptions a:link {
	color: #19194B;
	font-size: 1em;
}

.streamOptions a:hover {
	color: #AFEEEE;
	font-size: 1em;
	text-decoration: none;
	background-color: #19194B;
}

.videoSizeL {
    display: block;
}

.videoSizeM {
    display:none;
}

.videoSizeS {
    display:none;
}

.changeWidthpercent {
        width: 50%;
        text-align: center;
        margin-left: 25%;
        margin-right: 25%;
    }

.somewhatSmaller {
	max-width: 550px;
	margin-left: 5%;
	margin-right: 5%;
    line-height: 1.4em;
}

.betterTextbox {
    max-width: 750px;
    padding-left: 5%;
    padding-right: 5%;
    line-height: 1.4em;
}


.containerSocial {
   display: inline-block;
    text-align: center;
    width: 100%;
}


body #wrapper2 #limitWidth650 {
    max-width: 650px;
    padding-left: 5%;
    padding-right: 5%;
}

.plineSpacing {
	line-height: 1.4em;
}

#whyMed {
	line-height: 1.4em;
}

.innerTextDiv {
    width: 100%;
    border-width: 0;
    margin: 0;
    padding: 10%;           
}
#footernav {
	text-decoration: none;
	display: inline-block;
	border-style: none;
	list-style: none;
	border-color: #000000;
	max-width: 630px;
}
/*2022 New Footer Nav Styles*/
footer {padding: 10px; text-align: center;}
/*centers navigation*/

.bottomnav {max-width: 800px; min-width: 300px; margin:0 auto; padding-left: 10px; padding-right: 10px; padding-bottom: 20px;
	text-align: center;}
/*centers navigation*/

.bottomnavhome {
    max-width: 800px;
    min-width: 300px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    text-align: center;
}
/*end 2022 footer styles*/

/*for index_test 3-17-22*/
.topnav {max-width: 800px; min-width: 300px; margin: 0 auto; margin-top: 30px; padding-left: 10px; padding-right: 10px; padding-bottom: 20px;
	text-align: center;}
.bottomnav li {display: inline-block; font-size: .9em;}
.bottomnavhome li {display: inline-block; font-size: .9em;}
.topnav li {display: inline-block; font-size: .9em;}
.bottomnav li a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
	padding: 6px; 
	font-family: 'open_sanssemibold',sans-serif;
font-style: normal;
}
.bottomnavhome li a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
	padding: 6px; 
	font-family: 'open_sanssemibold',sans-serif;
font-style: normal;
}
.topnav li a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
	padding: 6px; 
	font-family: 'open_sanssemibold',sans-serif;
font-style: normal;
}

.wildlinks {max-width: 800px; min-width: 300px; margin:0 auto; padding-left: 10px; padding-right: 10px; padding-bottom: 0px;
	text-align: center;}
.wildlinks li {display: inline-block; font-size: .9em;}
.wildlinks li a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
	padding: 6px; 
	font-family: 'open_sanssemibold',sans-serif;
font-style: normal;
}
.betterLinks {
	font-size: 1em;
}
.betterLinks a:hover {
	font-size: 1em;
	color: #87CEEB;
	background: #00008B;
}
.betterLinks a:hover i {
	font-size: 1em;
	color: #87CEEB;
	background: #00008B;
}
.betterLinks a:link {
	font-size: 1em;
	text-decoration: underline;
}

#featuredAlbumHolder {
    position: relative;
}

#featured album {
    
}

.floatLeft {
	float: left;
	margin-right: 20px;
    margin-bottom: 50px;
    margin-top: 20px;
	display: block;
}
.floatLeft2 {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	display: block;
}

.floatLeft3 {
	float: left;
	display: block;
}
.betterLinks ul li {
	margin-bottom: 1em;
}
.betterTextbox p a:hover {
	color: #87CEEB;
	background-color: #00008B;
}

li {color: #19194b}

.albumSummary {
    padding-top: 1px;
}

span.nobreak {
  white-space: nowrap;
}
.clear {
   clear: both; 
}
.somewhatSmaller p a:link {
	font-size: 1em;
	line-height: 1.4em;
}
.somewhatSmaller p a:hover {
	color: #87CEEB;
	background-color: #00008B;
}

.inlineElements2 {
    width: 270px;
    position: relative;
	display: inline-block;
	text-align: center;
	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
}
.inlineElements {
    position: relative;
	display: inline-block;
	text-align: center;
	padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}

.newRelease {
	width: 340px;
	height: auto;
	padding: 10px;
	background-repeat: no-repeat;
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(254,253,253,0.00) 0%,rgba(252,251,251,0.77) 48.96%,rgba(249,248,248,0.00) 100%,rgba(249,247,247,0.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(254,253,253,0.00) 0%,rgba(252,251,251,0.77) 48.96%,rgba(249,248,248,0.00) 100%,rgba(249,247,247,0.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(254,253,253,0.00) 0%,rgba(252,251,251,0.77) 48.96%,rgba(249,248,248,0.00) 100%,rgba(249,247,247,0.00) 100%);
	background-image: linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(254,253,253,0.00) 0%,rgba(252,251,251,0.77) 48.96%,rgba(249,248,248,0.00) 100%,rgba(249,247,247,0.00) 100%);
	margin-top: 24px;
}

.newRelease2 {
    margin-bottom: -20px;
    margin-top: 30px;
}



.muchSmaller {
    max-width: 400px;
    margin-left: 5%;
	margin-right: 5%;
    line-height: 1.1em;
}

.muchSmaller2 {
    max-width: 400px;
    margin-left: 5%;
	margin-right: 5%;
    line-height: 1.4em;
}

#limitWidth650 .betterTextbox h2 {
	text-align: left;
}
a:hover h2 {
	color: #87CEEB;
	background-color: #00008B;
}

.retinacover img {
    width: 100px;
    height: 100px;
    border-width: 0px;
    border-radius: 10px;
}

.downloadcontainer {
	padding-top: 20px;
	margin: 0 auto;
    max-width: 400px;
	min-width: 300px;
    text-align:center;
}

.retinacover {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 0px;
    margin-top: 30px;
    text-align: center;
    
}
/*2022 ALBUMS ON HOME PAGE*/
.albumcontainer {
	display: flex;
	align-items: center;
	justify-content: center;
    max-width: 900px;
	min-width: 350px;
    margin-top: 34px;
    margin-left: auto;
    margin-right: auto;
	flex-flow:wrap;
	column-gap: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
.albums {
	display: flex;
	justify-content: space-between;
	align-items: center;
    width: 400px;
	min-width: 340px;
    background: rgba(253,253,253,0.25);
    border-radius: 10px;
    padding: 14px;
	margin-bottom: 20px;
    column-gap: 5px;
}

.albumglow2 a img {
    border-width: 0;
	border-radius: 10px;
}
.albumglow2 a:hover img {
-webkit-box-shadow: 0px 0px 20px 4px #FFFFFF;
	-moz-box-shadow: 0px 0px 20px 4px #fff;
    box-shadow: 0px 0px 20px 4px #FFFFFF;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;	
}

.albums div h2 {
	font-family: 'Trajan3Regular', serif; font-size: 1.1em; margin: 0px;
}
.albums p {font-size: .9em; margin-top: 2px; margin-bottom: 5px;}
.smallerp {font-size: .8em;}

/*for 200px size albums on download-stream page*/
.albumcontainer2 {
	display: flex;
	align-items: center;
	justify-content: center;
    max-width: 900px;
	min-width: 350px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
	flex-flow:wrap;
	column-gap: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.albums2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
    width: 240px;
	height: 280px;
    padding: 14px;
	margin-bottom: 20px;
    column-gap: 5px;
}
/*Take a Meditation Break Buttons*/
.twoButton {
	display: inline-block;
	margin: 20px;
	color: #7da7d9;
	font-size: .8em;
	
}
.twoButton a {
    padding: 5px 10px;
    border: 1px solid #275386;
	border-radius: 10px;
    text-decoration: none;
    letter-spacing: 0.1rem;
    width: auto;
	background-color: rgba(253,253,253,0.5);
}
.twoButton a:hover {background-color: #275386
    }
.downloadHeadline h1 a:link {
	font-size: 1.3em;
    font-weight: 600;
    letter-spacing: 0px;
    word-spacing: 0px;
    text-decoration: none;
}
    .downloadHeadline h1 a:hover {
	font-size: 1.3em;
	font-weight: 600;
	letter-spacing: 0px;
	word-spacing: 0px;
	text-decoration: underline;
	color: #252451;
}
/*for Wild Gallery*/
.gallery {
	display: flex;
	align-items: center;
	justify-content: center;
    max-width: 900px;
	min-width: 350px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
	flex-flow:wrap;
	column-gap: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.gallerypics {
	display: flex;
	justify-content: space-between;
	align-items: center;
    padding: 14px;
	margin-bottom: 20px;
    column-gap: 10px;
}
.fyc-outer {
	display: inline-block;
	width: 96%;    
}
.fyc-inner {
    display:inline-block;
    width: 49%;
    vertical-align: top;
    padding: 0;
    align-content: center;

}

img.fyc{
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 0;
    min-width: 131px;
    border-width: 0px;
    border-radius: 10px;
}
.resizeAlbum p img {
    width:325;
    height:auto;
    display: block;
}
/*for home banner hover state glow*/

.home_bannerGlow {
	width: 495px;
	height: 190px;
	transform: scale(100%);
	display: block;
	margin: auto;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.home_bannerGlow:hover {
    -webkit-box-shadow: 0px 0px 13px 5px #fff;
    -moz-box-shadow: 0px 0px 13px 5px #fff;
	box-shadow: 0px 0px 13px 5px #fff;
    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */
    transition: all 0s ease-in-out;
}
/*end home banner hover state glow*/
/*for Album icon hover state glow*/

.thumbnail{
    width: 80px;
    height:100px;
	position: relative;
	display: inline-block;
	text-align: center;
    text-decoration: none;
    padding: 0px 3px 3px 3px;
    vertical-align: top;
	line-height: .8em;
	font-size: 1em;
}
    .albumGlow {
 width: 56px;
 height: 56px;
 border-radius: 50%;
transform: scale(100%);
display: block;
margin: auto;
}

.albumGlow:hover {
	-webkit-box-shadow: 0px 0px 13px 5px #fff;
    -moz-box-shadow: 0px 0px 13px 5px #fff;
	box-shadow: 0px 0px 13px 5px #fff;
    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */
    transition: all 0s ease-in-out;
}
    .albumGlow:visited {
        outline: 0;
    }
/*end album icon hover*/
.albumGlowB {
 width: 56px;
 height: 56px;
 border-radius: 50%;
transform: scale(100%);
display: block;
margin: auto;
}

.albumGlowB:hover {
	-webkit-box-shadow: 0px 0px 13px 5px #fff;
    -moz-box-shadow: 0px 0px 13px 5px #fff;
	box-shadow: 0px 0px 13px 5px #fff;
    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */
    transition: all 0s ease-in-out;
}
    .albumGlowB:visited {
        outline: 0;
    }
/*120px album glow for buy and index pages*/
   .bigalbumGlow {
 width: 120px;
 height: 120px;
transform: scale(100%);

}
.bigalbumGlow img {border: 0;
	   border-radius: 10px;}
.bigalbumGlow:hover {
	border: 0;
	   border-radius: 10px;
	-webkit-box-shadow: 0px 0px 13px 5px #fff;
    -moz-box-shadow: 0px 0px 13px 5px #fff;
	box-shadow: 0px 0px 13px 5px #fff;
    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */
    transition: all 0.5s ease-in-out;
}
    .bigalbumGlow:visited {
        outline: 0;
    }
/*end 120px album glow*/

/*200px album glow for buy and index pages*/
   .biggeralbumGlow {
 width: 200px;
 height: 200px;
transform: scale(100%);

}
.biggeralbumGlow img {border: 0;
	   border-radius: 10px;}
.biggeralbumGlow:hover {
	border: 0;
	   border-radius: 10px;
	-webkit-box-shadow: 0px 0px 13px 10px #fff;
    -moz-box-shadow: 0px 0px 13px 10px #fff;
	box-shadow: 0px 0px 13px 10px #fff;
    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */
    transition: all 0.4s ease-in-out;
}
    .biggeralbumGlow:visited {
        outline: 0;
    }
/*end bigger album glow*/

/*Bigger Album without glow for resource page*/
.biggeralbum {
 width: 250px;
 height: 250px;
transform: scale(100%);
opacity: .8;
}
.biggeralbum img {border: 0;
	   border-radius: 10px;}

.biggeralbum:hover {
	opacity: 1
	
}
/*300px album glow for buy and index pages*/
   .bigger300albumGlow {
 width: 300px;
 height: 300px;
transform: scale(100%);

}
.bigger300albumGlow img {border: 0;
	   border-radius: 15px;}
.bigger300albumGlow:hover {
	border: 0;
	   border-radius: 15px;
	-webkit-box-shadow: 0px 0px 13px 10px #fff;
    -moz-box-shadow: 0px 0px 13px 10px #fff;
	box-shadow: 0px 0px 13px 10px #fff;
    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */
    transition: all 0.4s ease-in-out;
}
    .bigger300albumGlow:visited {
        outline: 0;
    }
/*end bigger300 album glow*/

/*meditation button glow*/
    .medGlow {
 width: 188px;
 height: 20px;
 border-radius: 10%;
transform: scale(100%);
display: inline-block;
margin: 10px
}

.medGlow:hover {
	-webkit-box-shadow: 0px 0px 13px 5px #fff;
    -moz-box-shadow: 0px 0px 13px 5px #fff;
	box-shadow: 0px 0px 13px 5px #fff;
    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */
    transition: all 0s ease-in-out;
}
    .medGlow:visited {
        outline: 0;
    }
/*end meditation button glow*/
/*download page album glow*/
  .DLalbumGlow {
 width: 100px;
 height: 100px;
transform: scale(100%);
	  border-width: 0px;
    border-radius: 10px;
       
}
.DLalbumGlow:hover {
	-webkit-box-shadow: 0px 0px 15px 4px #fff;
    -moz-box-shadow: 0px 0px 15px 4px #fff;
	box-shadow: 0px 0px 15px 4px #fff;
    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */
    transition: all 0.5s ease-in-out;
}
    .DLalbumGlow:visited {
        outline: 0;
    }
/*end download page album glow*/
#negMargin {
	margin-top: -24px;
	margin-bottom: 24px;
}
.resizeAlbum {
    max-width: 340px;
    height: auto;
}

figure {
    margin: 5%;
}
.marginb20 {
 margin-bottom: 20px;   
}   

.smallReg {
    font-size: 50%;
}
.floatLeft4 {
    float: left;
	display: block;
    margin-bottom: 10px;
    margin-right: 20px
}
.floatRight4 {
    float: right;
	display: block;
    margin-bottom: 5px;
    margin-left: 10px
}

.archGap {
    height: 24px;
    width: 56px;
    display: block;
}

.tablish {
    width:100%;
    display: table;

}

.resizeImgR img {
        max-width: 460px;
		min-width: 280px;
        height: auto;
        object-fit: contain;
   border-radius:10px}

.topFine {
	color: #19194b;
	font-size: 11px;
	text-decoration: none;
    line-height: 13px;
}
.spaceAfter {
	padding-top: 0px;
}
div a img .padhoriz {
    padding-left: 10px;
    padding-right: 10px;
}

.bottomsocial ul {padding:0} /*reset default padding to left for li items to indent*/
.bottomsocial {width: 300px; margin: 0 auto; text-align: center;}
.bottomsocial li {display: inline-block;}
.bottomsocial li a { text-decoration: none;
	padding-left: 10px; padding-right: 10px; }
.bottomsocial li a img:hover {
	background: none;
	transform: scale(1.4);
	transition: transform .5s; /* Animation */
}
.bottomsocial li a {background:none;}
.interviews ul li {
    max-width: 750px;
	text-align: left;
	line-height: 1.5em;
	
}
.interviews {padding: 10px;}
.interviews ul li a {text-decoration: underline}
.padme div .floatLeft4 img {
    border-width: 0px;
    border-radius: 10px;
}
div .floatRight4 img {
    border-width: 0px;
    border-radius: 10px;
}
.betterTextbox .padme img {
    border-width: 0px;
    border-radius: 10px;
	width: 460px;
    height: auto;
    object-fit: contain;
}
.gallerypics img   {
    border-width: 0px;
    border-radius: 10px;
}
/* 2022 breadcrumbs */
ul.breadcrumb {
  padding: 10px;
  list-style: none;
  font-style: italic;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: .9em;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  content: ">";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
 
  text-decoration: underline;
	background-color:none;
}
.gold {
    color: #FEDD3B;
}
li a #twitter-icon {
    /* [disabled]vertical-align: top; */
    padding-bottom: 3px;
}
strong {
    font-family: "open_sansbold";
}

/*end of breadcrumbs*/
/*END OF GLOBAL STYLES*/
@media (max-width : 620px){
	
.resizeImg img{
        width: 460px;
        height: auto;
        object-fit: contain;
    }
	
}
@media (max-width : 568px){
    .home_banner .home_banner_a #home_banner_2019_base{
	max-width: 480px;
    height: auto;
    background-size: 480px auto;
	
}
	.trajfont {font-size: 40px}
    .liquid_mind_banner p a img{
        max-width: 480px;
        height: auto;
 }
  
    .resizeImg img{
        max-width: 460px;
		min-width: 320px;
        height: auto;
        object-fit: contain;
    }
	 .resizeImgR img{
        width: 400px;
		border-radius: 10px;
        height: auto;
        object-fit: contain;
    }
    
p .navlink a {
	font-size: 12px;
}
    .videoSizeS {
        display:none;
    }
    .videoSizeL {
        display: none;
    } 
    
    .videoSizeM {
        display: block;
    }
    
    .changeWidthpercent {
        width: 80%;
        text-align: center;
        margin-left: 10%;
        margin-right: 10%;
    }
    .floatLeft {
	float: left;
	margin-right: 10px;
    margin-bottom: 40px;
	display: block;
}
.floatLeft3 {
	float: none;
	width: 0px;
	margin: 0 auto;
	display: block;
}
.resizeAlbum p img {
	max-width: 240;
	height: auto;
	display: block;
	width: 80%;
}
}/*end 568 viewport*/

@media (max-width:495px){
    /*body {font-size: 0.8em; color: #19194b;}*/
   /* h1 {font-size: 1em}*/
header {margin-bottom: 0px}	
 h2 a, a, p a, p, li a {color: #19194b}
	
}


.betterTextbox .padme img {
	width: 440px;
    height: auto;
    object-fit: contain;
}
.resizeImgR img{
        width: 400px;
		border-radius: 10px;
        height: auto;
        object-fit: contain;
    }
@media (max-width: 480px){
.home_banner .home_banner_a #home_banner_2019_base {
	width: 460px;
	height: auto;
    display: block;
} 
    .liquid_mind_banner p a img{
        max-width: 460px;
        height: auto;
 }
    
    .resizeImg img{
        width: 420px;
        height: auto;
        object-fit: contain;
    }
	 .resizeImgR img{
        width: 380px;
		border-radius: 10px;
        height: auto;
        object-fit: contain;
    }
	
	.betterTextbox .padme img {
	width: 380px;
    height: auto;
    object-fit: contain;
}
    .shrinkHead img{
         max-width: 460px;
        height: auto;
    }
p .navlink a {
	font-size: 12px !important;
}
    
    h4 {
        text-align: center;
    }
    
    .videoSizeL {
        display:none;
    }
    .videoSizeM {
        display: none;
    }
    .videoSizeS {
        display: block;
    }
  
    h1 a {
    font-size: 1.3em !important
    }
}/*end 480 viewport*/

@media (max-width:414px){
.home_banner .home_banner_a #home_banner_2019_base {
	width: 340px;
	height: auto;
}
  .trajfont {
    font-size: 35px;
}  
   .liquid_mind_banner p a img{
        max-width: 380px;
        height: auto;
 }
 
   .resizeImg img{
        width: 370px;
        height: auto;
        object-fit: contain;
    }
	.resizeImgR img{
        width: 300px;
		border-radius: 10px;
        height: auto;
        object-fit: contain;
    }
 
	.betterTextbox .padme img {
	width: 320px;
    height: auto;
    object-fit: contain;
}
    .shrinkHead img{
         max-width: 380px;
        height: auto;
    }
p .navlink a {
	font-size: 12px;
}
    h4  {
	color: #19194b;
	font-weight: bold;
	font-size: 1.1em;
	word-spacing: normal;
	letter-spacing: 2px;
	text-align: center;
}
   
    .videoSizeL {
        display:none;
    }
    
    .videoSizeM {
        display: none;
    }
    
    .videoSizeS {
        display: block;
    }
    
  
   .albumSummary {
    padding-top: 1px;
    margin-left: 5%;
    margin-right: 5%;
} 
    .archGap {
    height: 24px;
    width: 45px;
    display: block;
}
  
  .topFine {
	font-size: 13px !important;
	text-decoration: none;
    line-height: 15px;
}   
    
}/*end 414 viewport*/
 


@media (max-width: 360px){
.bottomnavhome li a {
		
	padding-left: 8px;
	padding-right: 8px;
}
.topnav li a {
		
	padding-left: 8px;
	padding-right: 8px;
}
	.trajfont {font-size: 30px;}

    .liquid_mind_banner p a img{
        max-width: 340px;
        height: auto;
 }
  
    .resizeImg img{
        width: 320px;
        height: auto;
        object-fit: contain;
    }
	.resizeImgR img{
        width: 280px;
		border-radius: 10px;
        height: auto;
        object-fit: contain;
    }
	.betterTextbox .padme img {
	width: 260px;
    height: auto;
    object-fit: contain;
}
	h1 {
    font-size: 1em;
}
    .shrinkHead img{
         max-width: 340px;
        height: auto;
    }
    .streamOptions p {
        line-height: 1.5em;
        width: 260px;
    }
    h4  {
	color: #19194b;
	font-weight: bold;
	font-size: 1.1em;
	word-spacing: normal;
	letter-spacing: 2px;
	text-align: center;
}
    .videoSizeL {
        display:none;
    }
    
    .videoSizeM {
        display: none;
    }
    
    .videoSizeS {
        display: block;
    }
    .archcontainerCenter {
	margin: 1em auto 0;
	width: 320px;
	padding: 0;
	/* [disabled]-o-object-fit: scale-down; */
}
div .archGap {
    height: 24px;
    width: 40px;
    display: block;
}
 

    .middleAlbums {width: 40px}
    .positionA {width: 40px}
    .positionB {width: 40px}
    .positionC {width: 40px}
 
    .downloadcontainer {
    width: 360px;
}
    .downloadcontainer img {
        height: 90px;
        width: 90px;
    }
    .retinacover img {
        height: 90px;
        width: 90px;
		border-width: 0px;
    border-radius: 5px;
    }
    /*smaller download page album glow*/
  .DLalbumGlow {
 width: 90px;
 height: 90px;
transform: scale(100%);
}
	.betterlinks {padding: 0px 10px; font-size: .9em;}
}



/*end 360 viewport*/


.topFine2 {
	color: #19194b;
	font-size: 10px;
	text-decoration: none;
    line-height: 13px;
}

.homebuttonHolder {
  width: 320px;
    height:auto;
    margin-top: 30px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
  line-height: 1.1em;
}




@media screen and (min-width:1585px){
    body {background: #b0c7f3}
}
@media screen and (max-width:600px)
	{
    body {background: #b0c7f3}
}

.available a {
	margin: 20px;
}

.betterTextbox2 {Max-width:750px; padding-left: 5%; padding-right: 5%; text-align: left;
	
}

@media screen and (orientation:landscape) and (min-width:600px) and (max-width: 850px){ 
	.betterTextbox2 {Max-width:650px;}
}