@charset "UTF-8";

@import url("font-awesome.min.css");
@import 

/* ------------------------------------------
  RESET
--------------------------------------------- */

body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}

a:active,
a:hover {
  outline: 0;
}

@-moz-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


/* ------------------------------------------
  BASE DEMO STYLES
--------------------------------------------- */

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #0C0F0A;
  background: rgb(48,44,44); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(48,44,44,1) 0%, rgba(181,189,200,1) 27%, rgba(130,140,149,1) 52%, rgba(40,52,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48,44,44,1)), color-stop(27%,rgba(181,189,200,1)), color-stop(52%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(48,44,44,1) 0%,rgba(181,189,200,1) 27%,rgba(130,140,149,1) 52%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(48,44,44,1) 0%,rgba(181,189,200,1) 27%,rgba(130,140,149,1) 52%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(48,44,44,1) 0%,rgba(181,189,200,1) 27%,rgba(130,140,149,1) 52%,rgba(40,52,59,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(48,44,44,1) 0%,rgba(181,189,200,1) 27%,rgba(130,140,149,1) 52%,rgba(40,52,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#302c2c', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
  min-height: 900px;
  max-width: 1200px;
  margin: auto;
  font-family: 'Lato', sans-serif;
  font-size: 1.1em;
  font-weight: 300;
  letter-spacing: 0.025em;
  line-height: 1.75em;
}

body#blog a#blognav,
body#amrita a#amritanav,
body#sanskrit a#sanskritnav,
body#contact a#contactnav,
body#siv a#sivnav,
body#chid a#chidnav,
body#krish a#krishnav,
body#nada a#nadanav,
body#anasakta a#anasaktanav {
  color: #333;
  background: #FFE;  
}

body#sk1 a#sk1nav,
body#sk2 a#sk2nav,
body#sk3 a#sk3nav,
body#sk4 a#sk4nav,
body#sk5 a#sk5nav
 {
  color: #000;
  background: #FFFFF3;  
}

header {     
  background-image: url(images/sya-bkg-2.jpg); 
}

.head1 {   
  background-image: url(images/dls-bkg-1.jpg); 
}

.nav {
  border-bottom: 1px solid #333;   
  margin: 0 0 0 0;
}

.wrap {
  background: #FFE;
  background-image: url(images/stripe-bkg.jpg);   
  background-repeat: repeat;  
  padding: 1em;
  //margin: 1em;
}

section {  
  width: 90%;
  margin: 1em;
  padding: 1em;
}

iframe.youtube {
  width: 425px;
  height: 280px;
}

#footer {
font-size:.75em;
text-align:left;
background-color:#333;
background-image:url(images/lotusbak.gif);
}

span.footsect {
font-size: 1.1em;
color: #7A8383;
margin:10px 0px 0px 10px;
}

ul.left {  
  margin-left: 0
  padding-left: 0 
}

#footer ul {
list-style:none;
}

#footer a {
color:#EFE;
}

#footersub1 {
color:#EFE;
padding:10px 0 0 0;
float:left;
width:30%;
display:inline;
}

#footersub2 {
color:#EFE;
padding:10px 0 0 0;
float:left;
width:20%;
display:inline;
}

#footersub3 {
color:#EBECE4;
//font-size:.8em;
padding:10px 0 0 0;
float:left;
width:20%;
display:inline;
}

div.floatleft {
  float: left;  
  font-size: 1.1em;
}

div.right
{ 
  float:right !important;
  clear: both;
  margin: 1em 1em 1em auto; 
}

div.center
{ 
  text-align:center;
  margin-left:auto; 
  margin-right:auto;  
  //overflow-x: auto;       
}

div.silver
{ 
  background-color: #EBFBEB;  
  padding: 1em 1em 1em 1em;     
}

div.serenade
{ 
  background-color: #EFEFFE;   
  padding: 1em 1em 1em 1em;     
}

div.selago
{ 
  background-color: #FBFCF5;  
  padding: 1em 1em 1em 1em;      
}

div.romance
{ 
  background-color: #FEFFFE;   
  padding: 1em 1em 1em 1em;     
}

div.white
{ 
  background-color: #FEFEFE; 
  padding: 1em 1em 1em 1em;      
}

div.grey
{ 
  background-color: #cacaca;        
}

div.collage-bkg
{ 
  //background-color: white;
  background-image: url(images/pompom-bkg.jpg);
  background-repeat: no-repeat;
  background-position:right bottom;  

}

div.dw-bkg
{ 
  background-color: white;
  background-image: url(kamala/img/flame-chapati-dw.jpg);
  background-repeat: no-repeat;
  background-position:right bottom;  

}

small.gray
{
color:#444;  
font-size:.75em;
}

span.songinfo
{
font-size: .75em;
color:gray;
}

span.songinfo
{
font-size: .75em;
color:gray;
}

span.greentxt {
  color: #368F98;
  font-weight: bold;
}

span.sanskrt
{
font-size:1.3em;
//font-weight:bold;
color:#1A7699
}

span.sanskrt_h
{
font-size:2em;
font-weight:bold;
color:#369;
text-shadow: .2px 2px 2px #333;
}


img {
  max-width: 100%;
  margin: .5em 0 0 0; 
}

img.header {
    display: block;
    margin-left: auto;
    margin-right: auto;    
    padding: 15px 0 15px 0;
}

img.left {
  float:left;   
  margin: 1em 1em 1em 0;
}

img.center
{
display: block;
margin-left: auto;
margin-right: auto
}

img.om
{
margin:0px 30px 70px 30px;
}

blockquote.fancy
{
font-family:"Comic Sans MS";
font-size: 1.1em;
color: #33716F;
width:90%;
text-align:center;
margin: auto;
} 

blockquote.maroon
{
font-family:"Comic Sans MS";
font-size: 1.3em;
color: #A03377;
} 

.indent {
  margin: 0 0 0 1.5em;  
}

@media screen and (min-width: 240px) and (max-width:830px) {

  body {
    background: #252233;
    background-image: none;  
      }
    
  img.header {
      display: block;
      margin-left: auto;
      margin-right: auto;   
  }

  .col-group img {
    min-width: 20%; 
    max-width: 30%;
    }   
    
  #footersub1 {
  color:#EFE;
  padding:10px 0 0 0;
  float:left;
  width:100%;
  display:inline;
  }

  #footersub2 {
  display:none;
  }

  #footersub3 {
  color:#EBECE4;
  //font-size:.8em;
  padding:10px 0 0 10px;
  float:left;
  width:90%;
  display:inline;
  }
}

/* ------------------------------------------
  NAVIGATION STYLES
  (+ responsive-nav.css file is loaded in the <head>)
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;  
  float: left;
}

.nav-collapse li {
  float: left;
  width: 100%;
}

.nav-collapse a {
  color: #6306CD;
  text-shadow: 2px 1px 1px 1px #000; 
  font-size: .9em;
  text-decoration: none;
  width: 100%;
  background: #FAEBE4;
  border-bottom: 1px solid #333;
  padding: .3em .3em;
  float: left;
}

.nav-collapse ul ul a {
  background: #FFFEEE;
  padding-left: 2em;
}

@media screen and (min-width: 40em) { 
  .nav-collapse li {
    width: 20%;
    *width: 19.9%; /* IE7 Hack */
    _width: 14%; /* IE6 Hack */
  }

  .nav-collapse a {
    margin: 0;
    padding: .75em;
    float: left;
    text-align: center;
    border-bottom: 1;
    border-right: 1px solid #333;
    font-size: .75em;
  } 
}

@media screen and (max-width: 830px) { 
  #om-l {     
    display: none;
  }    

  #om-r {     
    display: none;
  }    
}

a:hover { 
    //background-color: #fffefe;
    color: #333;
}

/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("icons/responsivenav.eot");
  src:url("icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("icons/responsivenav.ttf") format("truetype"),
    url("icons/responsivenav.woff") format("woff"),
    url("icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #f90; /* Edit this to change the icon color */
  text-shadow: 1px 1px 1px #000;
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 32px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 32px;
  content:"x";
}

/* ------------------------------------------
  FORMATTING STYLES
  --------------------------------------------- */

p.clear { 
  clear: both; 
}

p.center { 
  text-align: center;
}

h1 {  
  color: #8A3F6B; 
  font-size: 1.5em;
  padding: 2em 0 0 0;
  //margin: 1em 0 0 0;
}

h1.orange {
    color: #FF894A;
    font-size: 40px;
    text-shadow: 2px 2px 2px #999;
    text-align: center;
    //margin: 10px 0 0 0;
    }

h2 {  
  color: #8A3F6B;
  font-size: 1.4em;
  margin: 1em 0 0 0;    
}

h2.ctr { 
  text-align: center;
  margin: 2em 0 1em 0;
}

h3 {  
  color: #8A3F6B; 
  font-size: 1.3em; 
  margin: 1em 0 0 0;
}

h4 {  
  color: #8A3F6B; 
  font-size: 1.2em;
  margin: 1em 0 0 0;  
}

h5 {  
  color: #8A3F6B; 
  font-size: 1.1em;
  margin: 1em 0 0 0;  
}

.small-ctr { 
  text-align: center;
  color: #FFF;  
}

span.redcaps
{
color:#C900B0;
font-size:1.15em;
}

/* contains the links list */
#cosmosli ul
{
margin:0 0 0 50px;
padding:0 0 0 0;
list-style-type: none;
}

/* list iitems for the audio list */
#cosmosli ul li 
{
list-style-image: url("images/cosmos-li.png"); 
font-size: .8em;
}

/* contains the links list */
#lotusli ul
{
margin:0 0 0 50px;
padding:0 0 0 0;
list-style-type: none;
}

/* list iitems for the links list */
#lotusli ul li 
{
list-style-image: url("images/lotusli.gif"); 
font-size: .8em;
}

/* ------------------------------------------
  span - phone numbers, addresses etc
  --------------------------------------------- 
.applinkwhite a {
  color: #ffffff !important; text-decoration: underline;
} 

.applinkblack a {
  color: #000000 !important; text-decoration: none;
}

------------------------------------------ */


/* ------------------------------------------
  RESPONSIVE DIVS - COPEPEN - BRAD FROST
  --------------------------------------------- */

.col-group > div {
  padding: .2em 0 .5em 0;  
  text-align: center;
}

.col-group p {
  padding: .2em 1em .5em 1em;
  font-size: .9em;
}

@media screen and (min-width: 50em) {
  .col-group {
    overflow: hidden;
  }
  
  .col-group > div {
    float: left;
    width: 16%;
  }
  
   .col-group img {
    -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #999);  
  }
  
  /*-------------------*/
  .col-group2 {
    overflow: hidden;
  }

  .col-group2 > div {
    float: left;
    width: 25%;
  }

   .col-group2 img {
    -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #999);  
  }
} /*end media query*/

.col-group2 > div {
  padding: .2em 0 .5em 0;
  margin: 0 1em 0 2em;
  text-align: center;
}

.col-group2 p {
  padding: 0 0 0 0;
  font-size: .9em;
}


/* tables for sanskrit paradigms etc */
table.basic
{
font-size:1.1em;
width:100%;
border-width:1px;
border-style:none;
text-align:center;
background:#FFF;
}

.basic caption
{
text-align:left;
font-size:.8em;
color:#999;
}

.basic th
{
color:#333;
font-size:1.2em;
text-shadow: .1px 1px 1px #FFF;
border-style:solid;
border-width:1px;
border-color:#aaa;
background:#DCDCDC;
}

.basic td
{
border-style:solid;
border-width:1px;
padding:2px 4px 2px 4px;
border-color:#ccc;
}

/* sticky 'Back to Top' button */
#myBtn {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: purple;
  opacity: 0.5;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 5px;
}

#myBtn:hover {
  background-color: #D5C1CD;
  color: #333;
}