:root{
    --clr-white:#ffffff;
    --clr-blue:#599FDA;
    --clr-gold:#fcdb8b;
    --clr-red:#be1733;
    --clr-very-light-grey:#C9CBCD;
    --clr-light-grey:#6d7a86;
    --clr-grey:#5E6368;
    --clr-light-black:#4b4b4b;
    --clr-black:#383F45;
    --dim-x05:4px;
    --dim-x1:8px;
    --dim-x2:16px;
    --dim-x3:24px;
    --dim-x4:32px;
    --dim-x5:40px;
    --dim-x6:48px;
    --dim-x8:64px;
    --btn-dim:40px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font:inherit;
}
*,
*::before,
*::after{
    box-sizing:border-box;
}
*{
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    border-style:none;
    text-wrap:pretty;
    /*outline:1px solid var(--clr-red);*/
}
html{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
input[type='color'],
input[type='datetime-local'],
input[type='email'],
input[type='file'],
input[type='hidden'],
input[type='image'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='range'],
input[type='reset'],
input[type='search'],
input[type='submit'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'],
select,
textarea{
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    border-radius:0;
}
input,
button,
select,
textarea{
    font-size: 100% ;
    font:inherit;
}
input,
button,
select{
    background:var(--white);
    border:1px solid var(--grey);
    border-radius:0;
    color:var(--black);
    display:inline-block;
    height:var(--btn-dim);
    line-height:calc(var(--btn-dim) - 2px);
    margin:0;
    padding:0 var(--dim-x2);
}
input[type=radio]:hover,
input[type=checkbox]:hover,
input[type=submit]:hover,
button:hover,
select:hover{
    cursor:pointer
}
input:hover,
input:focus,
input:active,
button:hover,
button:focus,
button:active,
select:hover,
select:focus,
select:active,
textarea:hover,
textarea:focus,
textarea:active{
    border:1px solidvar(--grey);
    border-radius:0;
    box-shadow:none;
}
input[type='radio'],
input[type='radio']:hover,
input[type='radio']:active,
input[type='radio']:focus,
input[type='checkbox'],
input[type='checkbox']:hover,
input[type='checkbox']:active,
input[type='checkbox']:focus{
    background:transparent;
    border:0;
    box-shadow:none;
    height:1rem;
    text-decoration:none;
    width:auto;
}
select option:hover{
    cursor:pointer;
}
strong{
    color:var(--blue);
}
img{
    max-width:100%;
    height:auto;
    vertical-align:middle;
    font-style:italic;
    background-repeat:no-repeat;
    background-size:cover;
    shape-margin:0.8rem;
}
html,
body{
    font-size:16px;
    line-height:1.5rem;
    cursor: default;
    color:var(--clr-black);
}
html{
    -webkit-overflow-scrolling:touch;
    overflow-x:hidden;
    overflow-y:scroll
}
body {
    font-family: 'Montserrat', sans-serif;
    color: var(--clr-light-black);
    background:var(--clr-black);
    min-height:100vh;
    cursor: default;
}
h1,
h2,
h3,
h4,
h5,
h6{
    font-weight:400;
    line-height:1em;
    text-wrap:balance;
}
h1{
    font-size:3rem;
}
h2{
    font-size:2rem;
}
h3{
    font-size:1.5rem;
}
h4,
h5,
h6{
    font-size:1rem;
}
p{
    margin:0 0 1.5em 0
}
li{

}
a{
    color:var(--clr-blue);
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
b{
    font-weight:700
}
.font-tiny,
.font-small,
.font-medium,
.font-medium-large,
.font-large,
.font-xlarge,
.font-xxlarge,
.font-xxxlarge,
.font-jumbo{
    line-height:1em;
}
.font-tiny{
    font-size:0.6rem!important;
}
.font-small{
    font-size:0.8rem!important;
}
.font-medium{
    font-size:1rem!important;
}
.font-medium-large{
    font-size:1.25rem!important;
}
.font-large{
    font-size:1.5rem!important;
}
.font-xlarge{
    font-size:2rem!important;
}
.font-xxlarge{
    font-size:2.5rem!important;
}
.font-xxxlarge{
    font-size:3rem!important;
}
.font-jumbo{
    font-size:4rem!important;
}
.font-awsome{
    font-family:FontAwesome;
}
.animate-left{
    position:relative;
    animation:animateleft .4s
}
@keyframes animateleft{
    from{
        left:-300px;opacity:0
    }

    to{
        left:0;opacity:1
    }
}
.full-width{
    width:100%;
}
.transition{
    -webkit-transition:all .20s;
    -moz-transition:all .20s;
    -ms-transition:all .20s;
    -o-transition:all .20s;
    transition:all .20s;
}
@media (max-width:480px){
    .mobile{
        display:block;
    }
}
.float-img{
    float: left;
    margin: 0 1.5em 1.5em 0;
}

.float-img img{
    height: 18em;
}

@media (max-width:480px){
    .float-img{
        width:100%;
        clear:both;
        margin: 0 0 1.5em 0;
    }

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

.animate-opacity{
    animation:opac .8s
}
@keyframes opac{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}

.baner-element{
    width:100%
}
@media (max-width:480px) {
    .hide-small {
        display: none!important;
    }
}
@media (max-width:1024px) and (min-width:481px) {
    .hide-medium {
        display: none!important;
    }
}
@media (min-width:1025px){
    .hide-large {
        display: none!important;
    }
}
.link-black {
    color:var(--clr-light-black)!important;
}
.link-black:hover {
    color:var(--clr-blue)!important;
}
.dynamic-ellipsis-container{
    display:table;
    table-layout:fixed;
    width:100%
}
.dynamic-ellipsis{
    display:table-cell;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.pagination{
    display:flex;
    flex-wrap:nowrap;
    justify-content:center;
    gap:var(--dim-x05)
}
.pagination > div{
    margin:var(--dim-x3) 0 0 0
}
#pagination-current{
    background:var(--clr-light-black);
    border-radius:0;
    color:#fff;
    cursor:pointer;
    display:block;
    height:var(--dim-x4);
    line-height:calc(var(--dim-x4) - 2px);
    min-width:var(--dim-x4);
    padding:0 var(--dim-x05);
    text-align:center;
    text-decoration:none;
    font-size:0.8rem;
}
#pagination-page,
#pagination-previous,
#pagination-next{
    background:#fff;
    border:1px solid #D6D6D6;
    border-radius:0;
    display:block;
    font-weight:400;
    height:var(--dim-x4);
    line-height:calc(var(--dim-x4) - 2px);
    min-width:var(--dim-x4);
    padding:0 var(--dim-x05);
    text-align:center;
    text-decoration:none;
    font-size:0.8rem;
}
#pagination-page:hover,
#pagination-previous:hover,
#pagination-next:hover{
    background:var(--clr-light-black);
    border:0;
    color:#fff;
    line-height:var(--dim-x4);
}
p {
    margin: 0 0 1.5em 0;
}
ul {
    margin: 0 0 1.5em 0;
}
li{
    margin: 0 0 0 1.5em;
    text-wrap:pretty;
}
input {
  border: 1px solid var(--clr-very-light-grey);
  padding:0 var(--dim-x2);
  color: var(--clr-light-black);
  height:45px;
  line-height:43px;
}
textarea {
  border: 1px solid var(--clr-very-light-grey);
  padding:5px;
  color: var(--clr-light-black);
  resize: none;
}

a, input, select {
  outline: none;
}

a {
  color:var(--clr-blue);
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

.header-container{
    background:#393F45 url(../../files/template/header-bg5.png) center center no-repeat;
    background-size: auto 100%;
    display:flex;
    padding:var(--dim-x4) var(--dim-x4) 0 var(--dim-x4);
    border-bottom:2px solid var(--clr-white)
}
@media (max-width:480px){
    .header-container{
        padding:var(--dim-x4)
    }
}
.header-white-tree{
    flex-shrink: 0;
    align-self: flex-end;
}
@media (max-width:480px){
    .header-white-tree{
        display:none;
    }
}
.header-text{
    display:flex;
    flex-direction:column;
    flex:1;
    gap:var(--dim-x2);
}
@media (max-width:480px){
    .header-text{
        flex-direction:column-reverse;
        gap:var(--dim-x4);
    }
}
.header-text-hare-krsna{
    font-family: 'Spectral SC', serif;
    color:var(--clr-white);
    line-height:1.5em;
    margin-bottom:1em
}
@media (max-width:480px){
    .header-text-hare-krsna{
        display:none;
    }
}
.header-text-in-service{
    letter-spacing: 2px;
    color: var(--clr-blue);
    text-align: right;
    font-family: 'Spectral SC', serif;
    line-height:1.5em;
}
@media (max-width:480px){
    .header-text-in-service{
        text-align: center;
    }
}
.header-text-iskcon{
    font-family: 'Tangerine', cursive;
    letter-spacing: 1px;
    text-align: right;
    display:flex;
    flex-wrap: wrap;
    gap:var(--dim-x1) var(--dim-x2);
    justify-content:flex-end;
    line-height:1em;
}
@media (max-width:480px){
    .header-text-iskcon{
        text-align: center;
        flex-direction:column;
    }
}
.header-text-iskcon-desire-tree{
    display:flex;
    gap:var(--dim-x1) var(--dim-x2);
    flex-wrap: wrap;
    color:var(--clr-white);
}
@media (max-width:480px){
    .header-text-iskcon-desire-tree{
        justify-content:center;
    }
}
.site {
    background: #fff;
    max-width: 1150px;
    min-height:100vh;
    margin-inline:auto;
    display:flex;
    flex-flow: column;
}
.menu {
    font-family: 'Spectral SC', serif;
    background: var(--clr-black);
    height:var(--dim-x8);
    /*line-height:var(--dim-x8);*/
    text-align:center;
    display:flex;
    justify-content: center;
    align-items:center;
    letter-spacing:3px;
}
@media (max-width:480px){
    .menu{
        display:none;
    }
}
.menu-mobile {
    font-family: 'Spectral SC', serif;
    background: var(--clr-black);
    color:#fff;
    padding:0 var(--dim-x2);
    display:none;
}
@media (max-width:480px){
    .menu-mobile{
        display:block;
    }
}
.menu-mobile-bars{
    height:var(--dim-x8);
    line-height:var(--dim-x8);
    background: var(--clr-black);
    padding:0 var(--dim-x2);
}
.menu-mobile-element-bars-close{
    display:flex;
    justify-content:space-between;
    line-height:var(--dim-x8);
    height:var(--dim-x8);
    padding:0 var(--dim-x2);
}
.menu-mobile-container{
    display:none;
    padding:0 0 var(--dim-x3) 0;
}
.menu-mobile-element{
    line-height:var(--dim-x4);
    height:var(--dim-x4);
    padding:0 var(--dim-x2);
}
.menu-leaf{
    padding:0 var(--dim-x2);
    color:var(--clr-grey)
}
.menu-button {
    color:#fff;
    text-decoration:none;
    -webkit-transition: color 0.20s;
       -moz-transition: color 0.20s;
        -ms-transition: color 0.20s;
         -o-transition: color 0.20s;
            transition: color 0.20s;
}
.menu-button-gold {
    color:var(--clr-gold);
    text-decoration:none;
    -webkit-transition: color 0.20s;
       -moz-transition: color 0.20s;
        -ms-transition: color 0.20s;
         -o-transition: color 0.20s;
            transition: color 0.20s;
}
.menu-button:hover,
.menu-button-gold:hover {
  color:var(--clr-blue);
  text-decoration:none;
}
.menu-button-grey {
    color:var(--clr-grey);
    text-decoration:none;
    -webkit-transition: color 0.20s;
       -moz-transition: color 0.20s;
        -ms-transition: color 0.20s;
         -o-transition: color 0.20s;
            transition: color 0.20s;
}
.menu-button-grey:hover {
  text-decoration:none;
}
.main {
  padding:var(--dim-x4);
  position:relative;
  z-index:1;
  flex:1;
}
.text-header{
    font-family: 'Spectral SC', serif;
    font-size:2rem;
    line-height:1em;
    margin:0 0 var(--dim-x4) 0;
}
.text-subheader{
    font-family: 'Spectral SC', serif;
    font-size:1.5rem;
    line-height:1em;
    margin:var(--dim-x4) 0 0 0;
}
.expander-container {
    text-align: right;
    margin:1.5em 0 var(--dim-x2) 0;
    padding:0 0 var(--dim-x1) 0;
    border-bottom:1px solid #eaeaea
}
.instead-of-expander-container {
    margin:1.5em 0 var(--dim-x2) 0;
    background: #eaeaea;
    height:1px;
}
.audio-list-container{
    --gap:var(--dim-x4);
    --w-col-2:calc((100% / 2) - ((var(--gap) * 1) / 2));

    display:grid;
    grid-template-columns: repeat(auto-fill, var(--w-col-2));
    gap:var(--gap);
    margin:var(--dim-x3) 0 0 0;
}
@media (max-width:480px){
    .audio-list-container{
        grid-template-columns: 1fr;
    }
}
.footer {
    color:#fff;
    position:relative;
    z-index:777;
    background:var(--clr-black);
    padding:var(--dim-x4);
}

.footer-container{
    display:flex;
    gap:var(--dim-x3) var(--dim-x4);
    justify-content:space-between;
}
@media (max-width:480px){
    .footer-container{
        flex-direction:column;
        text-align:center;
    }
}
.footer-copyright{
    display:flex;
    flex-direction:column;
    gap:var(--dim-x1);
}
.footer-vedicsystem{
    display:flex;
    flex-direction:column;
    gap:var(--dim-x1);
    text-align: right;
}
@media (max-width:480px){
    .footer-vedicsystem{
        text-align:center;
    }
}
.footer-subelement{
    display:flex;
    flex-wrap:wrap;
    gap:var(--dim-x1)
}
.footer-subelement-flex-end{
    display:flex;
    flex-wrap:wrap;
    gap:var(--dim-x1);
    justify-content:flex-end
}
@media (max-width:480px){
    .footer-subelement,
    .footer-subelement-flex-end{
        justify-content:center;
    }
}
.picture-container{
    float: left;
    margin:0 1.5em 1.5em 0;
    width:18em;
    height:18em;
}
@media (max-width:480px){
    .picture-container{
        float:none;
        margin: 0 0 1.5em 0;
        width:100%;
        overflow:visible;
        height:auto;
        aspect-ratio:1/1;
    }
}
@media (max-width:1024px){
    .hide-1024{
        display:none;
    }
}
@media (max-width:768px){
    .hide-768{
        display:none;
    }
}
.nowrap{
    white-space:nowrap
}
.preview{
    max-height:18em;
    overflow:hidden;
}
@media (max-width:480px){
    .preview{
        max-height:36em;
    }
}
.full{
    height:auto;
    max-height:initial
}
.speaker-list-container{
    margin:var(--dim-x4) 0 0 0;
    display:flex;
    flex-direction:column;
    gap:var(--dim-x4)
}
.speaker-bio p:last-child{
    margin:0;
}
.speaker-bio-clamp{
    display:block;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    text-overflow: ellipsis;
    overflow: hidden;
}
.category-element{
    margin:0;
    padding:0;
    border-bottom:1px dotted var(--clr-very-light-grey);
    height:var(--dim-x8);
    line-height:calc(var(--dim-x8) - 1px);
    display:flex;
    flex-flow: nowrap;
    gap:var(--dim-x2);
}
.category-element-title{
    flex:1;
}
.category-element-number{
    white-space:nowrap;
    color:var(--clr-very-light-grey)
}