/*-----CSS VARIABLES---------------------------------------------*/

:root {
    --SVyellow: #FFBD00;
    --SVsaffron: #FF9933;
    --SVwhite: #EFEFEF;
    --SVred: #FF0A00;
    --SVblack: #222222;
    --SVpurple: #8C7FAB;
    --Indiagreen: #138808;
    --SVgreen: #B5B580;
    --SVlightgreen: #C2CC9C;
    --SVblue: #000080;
    --secondary: #E9E9E9;
    --success: #B8D249;
    --warning: #FFBD00;
    --alert: #FF0A00;
    --cta: #FFBD00;
    --light-gray: #E6E6E6;
    --medium-gray: #8A8A8A;
    --dark-gray: #444444;
}

/*--These are the google web fonts used:
    font-family: 'Source Sans Pro', sans-serif; - 300,400,400i,700
    font-family: 'Roboto Slab', serif; - 400
    font-family: 'Niconne', cursive; - 400
*/

html,body {
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
	color: #000000;
}
.wrapper {
	margin: 0;
	background-color: rgb(255,255,255);
	box-shadow: 0 0;
}

header {
  height: 8em;
  text-align: center;
  padding: .5em;
}
nav {
  margin-bottom: 2em;
}
main {
  background-color: rgb(255,255,255);
  padding: 3em .5em .5em;
}
footer {
  background-color: var(--dark-gray);
  padding: 1em 0 0 0;
  color: var(--SVwhite);
  text-align: center;
}

/*-----TYPOGRAPHY-------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
}
h1 {
  font-family: 'Niconne', cursive;
  font-size: 4em;
  color: var(--SVpurple);
  margin: 0;
}
header h1{
	font-size: 3em;
	line-height: 1em;
}
header img {
	height: 60px;
	width: 60px;
}
h2 {
  font-size: 2em;
  border-bottom: 1px solid var(--SVsaffron); 
  margin-bottom: 1em;
}
h3 {
  font-size: 1.25em;
}
h4 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  font-size: 1em;
}
h5 {
	color: var(--SVlightgreen);
	font-size: .875em;
	font-weight: 600;
	font-family: "Source Sans Pro", sans-serif;
}
h6 {
	background-color: var(--SVlightgreen);
	color: var(--SVblack);
	text-align: center;
	margin: 1em 0 0;
	font-size: 1em;
	text-transform: uppercase;
	padding: .75em .25em;
}
h6.notopmargin {
  margin: 0;
}
.callout .menuitem {
	padding: 0
}
.inline-sanskrit {
	font-weight: 400;
	color: #000080;
    font-style: italic;
}
.speaker {
	color: rgb(178,34,34);
	font-weight: 600;
}
.swami {
	color: #000080;
	font-weight: 600;
}

/*-----ALERT CALLOUTS---------------------------------------------------------------------------*/

.alert-callout-border {
  width: 100%;
  padding: 1.3rem;
  border-left-width: 0.3125rem;
  border-left-color: #cacaca;
}
.alert-callout-border strong {
  color: #0a0a0a;
}
.alert-callout-border .close-button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.alert-callout-border.radius {
  border-radius: 0.6rem;
}
.alert-callout-border.primary {
  border-left-color: #1779ba;
}
.alert-callout-border.primary strong {
  color: #1779ba;
}
.alert-callout-border.secondary {
  border-left-color: #767676;
}
.alert-callout-border.secondary strong {
  color: #767676;
}
.alert-callout-border.alert {
  border-left-color: #cc4b37;
}
.alert-callout-border.alert strong {
  color: #cc4b37;
}
.alert-callout-border.success {
  border-left-color: #3adb76;
}
.alert-callout-border.success strong {
  color: #3adb76;
}
.alert-callout-border.warning {
  border-left-color: #ffae00;
}
.alert-callout-border.warning strong {
  color: #ffae00;
}

/*-----SELECT STYLING-----------------------------------------------------------*/

 /* The container must be positioned relative: */
.custom-select {
  position: relative;
}
.custom-select select {
  display: none; /*hide original SELECT element: */
}
.select-selected {
  background-color: #FFFFFF;
}
/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #444444 transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #444444 transparent;
  top: 7px;
}
/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #444444;
  background-color: #FFFFFF;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
/* Style items (options): */
.select-items {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: #EFEFEF;
} 

/*-----MISCELLANEOUS INLINE AND TEXT STYLES------------------------------------------------------*/

.review-text {
  color: red;
}

/*-----LINK STYLING------------------------------------------------------------------------------*/

a {
	color: var(--SVsaffron);
	font-weight: 600;
}
a:hover {
	text-decoration: none;
	border-bottom: 1px dotted var(--dark-gray);
	color: var(--SVgreen);
}
footer a {
  color: var(--SVsaffron);
}

/*-----SIDEBAR STYLING---------------------------------------------------------------------------*/

.sidebar .callout {
	text-align: center;
}
.button.cta {
  background-color: var(--SVsaffron);
  border-radius: 2em;
  margin-top: 1.5em;
  text-transform: uppercase;
  letter-spacing: .25em;
}

/*-----HOME PAGE STYLES--------------------------------------------------------------------------*/

.card-feature {
  position: relative;
  z-index: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1rem;
  border: 1px solid var(--light-gray);
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a;
}
.card-feature > :last-child {
  margin-bottom: 0;
}
.card-feature:hover .card-feature-img {
  opacity: 1;
}
.card-feature-content {
  position: relative;
}
.card-feature-content::before {
  position: absolute;
  content: '';
  top: -3.4375rem;
  left: -1.875rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.4375rem 0 0 31.25rem;
  z-index: 0;
  border-color: transparent transparent transparent #fefefe;
}
.card-feature-actions {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6;
  background: #fefefe;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.card-feature-actions > :last-child {
  margin-bottom: 0;
}
.card-feature-img {
  max-width: 100%;
  opacity: 0.85;
  transition: all 0.25s ease;
}
.card-feature-avatar {
  position: absolute;
  bottom: 100%;
  left: 1rem;
  z-index: 2;
  max-width: 5.625rem;
}
.card-feature-avatar img {
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
}
.card-feature-name {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 1.25rem;
}
.card-feature-button {
  margin-bottom: 0;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.card-feature-button + .card-feature-button {
  margin-left: 1rem;
}
.card-feature-info {
  font-size: 0.875rem;
  letter-spacing: 1px;
  opacity: 0.8;
}

/*-----ABOUT PAGE STYLES-------------------------------------------------------------------------*/

.tabs-content {
  border: none;
}
.tabs-panel {
  padding: 0;
}
.tabs-title > a {
  font-size: .875rem;
  padding: 1rem 1.5rem;
}
/*blockquote {
  border-left: 4px solid #ccc;
  color: #a5a4a4;
  font-style: italic;
  margin: 30px 0 30px 15px;
  padding-left: 15px;
}*/

blockquote {
  color: #000000;
  font-style: italic;
	font-size: 1.15em;
  margin: 1em 0 1em 0;
  padding: 0 10% 0 5%;
	border-left: 1px solid transparent;
}

blockquote p {
	line-height: 1.6;
	color: #000000;
	font-family: 'Roboto Slab', serif;
}


/*-----IMAGE STYLES------------------------------------------------------------------------------*/

.wrapleft, .wrapright, .wrapleftbord, .wraprightbord {
	float: left;
	display: block;
	margin: 0 1em .5em 0;
}
.wrapleft, .wrapleftbord {
	float: right;
	margin: 0 0 .5em 1em ;
}
.wrapleftbord, .wraprightbord {
	border: 1px solid var(--SVlightgreen);
	padding: .5em;
}

.wrapleftbordc {
 	float: right;
	display: inline-block;
	margin: 0 0 .5em 1em;
  max-width: 300px;
	border: 1px solid var(--SVlightgreen);
	padding: .5em;
}
.wrapleftbordc span {
  font-size: .75em;
  font-style: italic;
}

/*-----PUBLICATIONS STYLES-----------------------------------------------------------------------*/

.pubitem .fieldset legend {
	font-weight: 600;
	background-color: var(--SVlightgreen);
	padding: .5em 1em .25em 1em;
}

/*-----DAILY READINGS STYLES---------------------------------------------------------------------*/

section.reading-main h3 {
	margin-bottom: 0;
}
section.reading-main h4 {
	margin-top: 0;
	margin-bottom: 1.5em;
	text-transform: uppercase;
	color: var(--medium-gray);
}
.readingsummary .callout {
	border: 1px solid var(--SVpurple);
	font-size: .875em;
}
.readingsummary h5 {
	background-color: var(--SVpurple);
	color: #FFF;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: .125em;
	text-align: center;
	text-transform: uppercase;
	padding: .5em;
	margin-bottom: 0;
}
.readinglist-item {
	margin-bottom: 1.5em;
}
a.changedate.button {
	background-color: var(--SVgreen);
	text-transform: uppercase;
}
p.sanskrit, .sanskrit p {
	font-weight: 600;
	color: var(--SVblue);
	font-size: .875em;
}
.translation p {
	font-size: .875em;
}
.fieldset.reading-fieldset {
	background-color: var(--light-gray);
}
legend.reading-legend {
	text-transform: uppercase;
	color: var(--SVwhite);
	font-weight: 600;
	background-color: var(--SVpurple);
	padding: .5em .75em .25em .75em;
}

/*-----CONTACT PAGE STYLES-----------------------------------------------------------------------*/

.required {
	color: var(--SVred);
}

/*-----PHOTO GALLERY STYLES----------------------------------------------------------------------*/

.card {
	border-color: var(--SVpurple);
}
.card-gallery:hover .card-gallery-img-wrapper img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
.card-gallery:hover .card-gallery-img-wrapper .button {
  -webkit-transform: translateY(-3rem);
      -ms-transform: translateY(-3rem);
          transform: translateY(-3rem);
}
.card-gallery-img-wrapper {
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}
.card-gallery-img-wrapper .button {
  transition: all 0.2s ease;
  background-color:var(--SVlightgreen);
  padding: 1rem 0.5rem;
  bottom: -3rem;
  -webkit-transform: translateY(3rem);
      -ms-transform: translateY(3rem);
          transform: translateY(3rem);
  position: absolute;
  z-index: 2;
  color: #FFFFFF;
  margin-bottom: 0;
}
.card-gallery-img-wrapper .button:hover {
  background-color: var(--SVpurple);
}
.card-gallery-img-wrapper img {
  transition: all 0.2s ease;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  width: 100%;
}
.card-gallery-name {
  font-size: 1rem;
}
.card-gallery-description {
  color: #8a8a8a;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.callout.gallery {
	background-color: var(--light-gray);
	margin-top: 1em;
	font-size: .875em;
}
.thumbTitle {
  color: var(--SVwhite);
  background-color: var(--SVblack);
  padding: .25em;
}

/*-----VIDEO GROUP STYLES----------------------------------------------------------------------*/

.card {
	border-color: var(--SVpurple);
}
.card-group:hover .card-group-img-wrapper img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
.card-group:hover .card-group-img-wrapper .button {
  -webkit-transform: translateY(-3rem);
      -ms-transform: translateY(-3rem);
          transform: translateY(-3rem);
}
.card-group-img-wrapper {
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}
.card-group-img-wrapper .button {
  transition: all 0.2s ease;
  background-color:var(--SVlightgreen);
  padding: 1rem 0.5rem;
  bottom: -3rem;
  -webkit-transform: translateY(3rem);
      -ms-transform: translateY(3rem);
          transform: translateY(3rem);
  position: absolute;
  z-index: 2;
  color: #FFFFFF;
  margin-bottom: 0;
}
.card-group-img-wrapper .button:hover {
  background-color: var(--SVpurple);
}
.card-group-img-wrapper img {
  transition: all 0.2s ease;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  width: 100%;
}
.card-group-name {
  font-size: 1rem;
}
.card-group-description {
  color: #8a8a8a;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.callout.group {
	background-color: var(--light-gray);
	margin-top: 1em;
	font-size: .875em;
}
.thumbTitle {
  color: var(--SVwhite);
  background-color: var(--SVblack);
  padding: .25em;
}
.video-item {
}
.video-descr {
}

/*-----AUDIOGROUPS STYLES------------------------------------------------------------------------*/

.card-audiogroup {
  position: relative;
  z-index: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1rem;
  border: 0;
  border-radius: 0;
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a;
	border: 1px solid var(--SVpurple);

}

.card-audiogroup > :last-child {
  margin-bottom: 0;
}

.card-audiogroup:hover .card-user-profile-img {
  opacity: 1;
}

.card-audiogroup-content {
  position: relative;
}

.card-audiogroup-content::before {
  position: absolute;
  content: '';
  top: -3.4375rem;
  left: -1.875rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.4375rem 0 0 31.25rem;
  z-index: 0;
  border-color: transparent transparent transparent #fefefe;
}

.card-audiogroup-actions {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6;
  background: #fefefe;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.card-audiogroup-actions > :last-child {
  margin-bottom: 0;
}

.card-audiogroup-img {
  max-width: 100%;
  opacity: 0.85;
  transition: all 0.25s ease;
}

.card-audiogroup-avatar {
  position: absolute;
  bottom: 100%;
  left: 1rem;
  z-index: 2;
  max-width: 5rem;
}

.card-audiogroup-avatar img {
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
}

.card-audiogroup-name {
  margin-bottom: 0;
  font-weight: 300;
  font-size: .875rem;
}

.card-audiogroup-button {
  margin-bottom: 0;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.card-audiogroup-button + .card-audiogroup-button {
  margin-left: 1rem;
}

.card-audiogroup-info {
  font-size: 0.875rem;
  letter-spacing: 1px;
  opacity: 0.8;
}



/*-----MEDIA QUERIES-----------------------------------------------------------------------------*/

/* Small only */
@media screen and (max-width: 39.9375em) {
}

/* Medium and up */
@media screen and (min-width: 40em) {
	html,body {
		background: url("../img/pgbg.jpg") center no-repeat;
		background-size: cover;
		background-position: center top;
		background-attachment: fixed;
	}
	main {
		background-color: #ffffff;
		padding: 3em;
	}
	header {
		height: 150px;
		text-align: left;
		padding: 2em 3em 0 3em;
	}
	header h1 {
		font-size: 4em;
	}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	
}

/* Large and up */
@media screen and (min-width: 64em) {
	.wrapper {
		margin: 2em auto;
		background-color: rgba(255,255,255,.9);
		background-color: #ffffff;
		box-shadow: 0 0 12px 2px rgba(0,0,0,.4);
	}
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	
}






.readings-list h3 {
display: none;   
}

.readings-list h3:first-of-type {
display: block;   
}

.readings-list a {
display: block;
margin: 0 0 1rem 0;
padding: 1rem;
border: 1px solid var(--SVpurple);
border-left: 5px solid var(--SVpurple);
position: relative;
color: #0a0a0a;
background-color: white;
}

.readings-list a:hover {
border: 1px solid var(--SVsaffron);
border-left: 5px solid var(--SVsaffron);
}

.readings-list a p,
.readings-list a p .inline-sanskrit {
font-weight: 300;
}

.readings-list a p:last-child {
	color: var(--SVsaffron);
	font-weight: 600;
}

.readings-list a:hover p:last-child {
	color: var(--SVgreen);
	font-weight: 600;
}

.reading-main h5 {
	color: #000000;
    font-size: 1.25em;
}

p.sanskrit,
.sanskrit p,
.translation p {
	font-weight: 400;
	color: #000000;
	font-size: 1.15em;
	font-family: serif;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 1.3;
}

.photogallerycaption {
	padding: 10px 0 0 0;
}

.photogallerycaption p {
	margin-bottom: 20px !important;
}


.inline-audios .button {
   margin-right: 1em !important;
}

.inline-audios .button {
   margin-right: 1em !important;
}

@media (min-width: 40em) {
	
	.inline-audios {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

}

@media (min-width: 60em) {
	
	.inline-audios {
		grid-template-columns: 1fr 1fr 1fr;
	}

}

.reading-commentary {
	margin-bottom: 2em; 
}

.reading-links {
	list-style: none;
	margin: 0 0 2em 0;
	padding: 1.25em 0 .75em 0;
	border-top: 1px solid var(--SVsaffron);
	border-bottom: 1px solid var(--SVsaffron);
	text-align: center;
	font-size: 1em;
}

.reading-links--alt {
	border-top: none;
}

.reading-links li {
	display: inline-block;
	margin: 0 .75em 1em 0;
}

.reading-links li a {
	color: var(--SVpurple);
}

.reading-links li a:hover {
	color: var(--SVsaffron);
}

.reading-links li::after {
	content: "/";
	margin: 0 0 0 1em;
}

.reading-links li:last-child::after {
	content: none;
	margin: 0 0 0 0em;
}

.book-reading {
	
}

.book-reading__header {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	text-transform: uppercase;
	font-size: 1.25em;
	margin: 0 0 3em 0;
	display: none;
}

.book-reading__header__left {
	text-align: left;
}

.book-reading__header__center {
	text-align: center;
}

.book-reading__header__right {
	text-align: right;
}

.book-reading__sanskrit {
	padding: 0 0 1em 0;
}

.book-reading__sanskrit p {
	font-weight: 600;
}

.book-reading__reading {
	font-family: Georgia, Times, Times New Roman, serif;
	padding: 0 0 0 0;
	margin: 0 0 2em 0;
}

.book-reading__reading__img img {
	width: 100%;
	height: auto;
}

.book-reading__reading__img p {
	font-style: italic;
}

section.reading-main .reading-attribution h3 {
	margin: 0 auto .5em auto;
	text-align: center;
}

.reading-pages {
	
}

.reading-pages figure {
	max-width: 100% !important;
	padding: 0 !important;
}

.reading-pages figure,
.reading-pages img {
	border: none !important;
}

.reading-pages img {
	margin-top: 1em;
	margin-bottom: 2em;
}

.reading-pages .wp-block-table {
	overflow-x: auto;
}

.reading-pages .wp-block-table thead {
	border-bottom: none;
	background: transparent;
}

.reading-pages .wp-block-table td, .wp-block-table th {
	border: 1px solid transparent;
	vertical-align: top;
	padding-left: 0;
	word-break: normal !important;
}

.reading-pages tbody tr:nth-child(2n) {
	background-color: #ffffff;
}

.reading-pages .table-consonants tr td {
	width: 14%;
}

.reading-pages .table-consonants tr td:nth-child(1) {
	width: 30%;
}

@media (min-width: 52em) {
	
	
	.reading-pages .table-consonants tr td {
		width: 16%;
	}

	.reading-pages .table-consonants tr td:nth-child(1) {
		width: 20%;
	}
	
}

.reading-pages__footer {
	margin: 2em 0 0 0;
	padding: 1em 0 0 0;
	border-top: 1px solid var(--SVsaffron);
	clear: both;
}

.reading-pages__footer a {
	color: var(--SVsaffron);
}

.reading-pages__footer a:hover {
	color: var(--SVgreen);
}

.lotus-flower-border {
	margin: 2em 0 2em 0;
}