:root {
    /* desktop vars */
    --dxsfontfamily: Verdana;
    --dxsaudioplayerwidth: 420px;
    --dxsaudioplayercontentswidth: calc(--dxsaudioplayerwidth - 20);
    --dxsaudioplaylistitembackground-color: #2c2fc1;
    --dxsaudioplayertext-color: white;

    html{
        font-size: 100%;
    }
}
@media screen and (max-width: 480px) {
    :root {
        /* small screen vars */
        --dxsaudioplayerwidth: 100vw;
        --dxsaudioplayercontentswidth: calc(--dxsaudioplayerwidth - 20);
        html {
            font-size: 14px;
        }
    }
}

*{
    box-sizing: border-box;  
}

a:link.dxsexternallink      
{
    font-family: var(--dxsfontfamily);
    font-size: 1rem; 
    text-decoration: underline;
    word-spacing: 0; 
    margin: 0;
    color:#ffffff;
    text-align:left; 
    text-indent:0;
    line-height:1.5rem; 
}

a:visited.dxsexternallink   
{ 
    font-size: 1rem; 
    text-decoration: underline; 
    word-spacing: 0; 
    margin: 0; 
    color:#ffffff; 
    font-family: var(--dxsfontfamily);
    text-align:left; 
    text-indent:0; 
    line-height:1.5rem; 
}

a:hover.dxsexternallink    
{
    font-size: 1rem; 
    text-decoration: underline;
    word-spacing: 0; 
    margin: 0; 
    color:#ffffff; 
    font-family: var(--dxsfontfamily);
    text-align:left; 
    text-indent:0; 
    line-height:1.5rem; 
}

a:active.dxsexternallink 	
{
    font-family: var(--dxsfontfamily);
    font-size: 1rem; 
    text-decoration: underline; 
    word-spacing: 0; 
    margin: 0;
    color:#ffffff; 
    text-align:left;
    text-indent:0;
    line-height:1.5rem; 
}

a[href], input[type='submit'], input[type='image'], label[for], select, .pointer 
{ 
    font-size: 1rem; 
    cursor: pointer;
}

body            
{
    margin-left: 0px; margin-top: 0px; margin-right:0px; margin-bottom: 0px;
}

h1              {border-style:solid; border-width:0px; margin:0; font-size: 18pt; background-repeat: repeat;
                 font-family: var(--dxsfontfamily);
                 text-align: center; background-attachment: scroll;
                 line-height: 100%; word-spacing: 0; font-style: italic; font-weight: bold; 
                 padding-left: 0; padding-right: 0; padding-top: 3px; 
                 padding-bottom: 3px; background-position: center top; }

h2              { font-size: 12pt; color: #FFFFFF; word-spacing: 0; text-align: center; 
                  font-weight: normal; margin: 0; 
                  font-family: var(--dxsfontfamily);
                  line-height:150%; font-style:italic; 
                  background-color:#000000 }

h3              { padding:0; background-position: center; font-size: 1em; word-spacing: 0;
                  font-family: var(--dxsfontfamily);
                  text-align:left; line-height:120%; text-indent:0; margin-left:3px; 
                  margin-right:0; margin-top:0; margin-bottom:0; font-weight:normal !Important  }

h4              { line-height: 100%; font-size: 10pt; word-spacing: 0; font-weight: bold; 
                  margin: 0 }

p 
{
    line-height: 1.1rem;    
}

html[xmlns] .dxsclearfixdivwrapper {display: block; }

* html .dxsclearfixdivwrapper   {height: 1%; }

/*  Document general format classes */
.dxshidden      
{
    font-family: var(--dxsfontfamily);
    font-size: 1rem; 
    display:none;
}

.dxslastupdated
{ 
    font-family: var(--dxsfontfamily);
    font-size: .8rem;
    background-position: center;
    color: #FFFFFF;
    text-align:left; 
    line-height:1.5em;
    padding-left:24px;
    margin: 0;
    background-image: linear-gradient(#747cd4, #02007a);
    border-radius:0px 0px 15px 15px;
}

.dxsmenucomment  
{ 
    font-size: .7rem !Important; 
    text-align: left; 
    word-spacing: 0; 
    text-indent: 0; 
    line-height: 1.3rem; 
    color:#FFFFFF; 
    margin-left:8px;
    margin-right:0px;
    margin-top:0px; 
    margin-bottom:0px;
}

/*  Table class for India oand My Bands nly */
td                          
{ 
    padding-top:3px; padding-bottom: 3px; 
    vertical-align: top; 
}

/*  Used exclusively in the India Vacation pages */

.dxspageheaderforIndia	
{
    padding:0;
    font-size: 1rem; 
    background-repeat: no-repeat;
    font-family: Lucida Handwriting; 
    text-align: center; 
    background-attachment: scroll; 
    word-spacing: 0;
    text-indent:0; 
    line-height: 1.5rem; 
    margin-left:0em; margin-right:0; margin-top:0; margin-bottom:0;
    text-decoration: none 
}

.dxspagesubheaderforIndia	
{
    padding:0;
    font-size: .8rem; 
    background-repeat: no-repeat;
    font-family: var(--dxsfontfamily);
    text-align: center; 
    background-attachment: scroll; 
    word-spacing: 0;
    text-indent:0; 
    line-height: 1.2rem; 
    margin-left:0em; margin-right:0; margin-top:0; margin-bottom:0;
    text-decoration: none 
}

.dxsindiatabletext      
{
    word-spacing: 0; 
    text-indent: 0; 
    line-height: 1rem; 
    margin: 0em 0em; 
    background-position: center; 
    font-size: .9rem;
    font-weight: normal;
    color: #FFFFFF; 
    word-spacing: 0; 
    font-family: var(--dxsfontfamily);
    text-align:left;
    text-indent:0; 
    background-color: #5e87b0;
    padding-left:.3em; padding-right:.3em; padding-top:0em; padding-bottom:0em; 
    background-image: linear-gradient(#7472e0,#9ba0d6); 
    text-shadow: 0 1px 0 #3e6790;
    border: 1px solid #456f9a;
    border-radius:0px 0px 0px 0px;
}

.dxsindiasignature
{
    font-family: Lucida Handwriting; 
    font-size: .8rem;
    text-indent: 5px; 
}

/*  Alignment classes */
.dxsaligncenteranything 
{
    text-align: center;
    margin: auto;
}

.dxstextaligncenter     {padding:0; 
                         font-family: var(--dxsfontfamily);
                         text-align: center; font-size:1em}

.dxstextalignleft       {padding:0; 
                         font-family: var(--dxsfontfamily);
                         text-align: left; font-size:1em}

.dxsfloatleft           
{
    float: left; 
    padding-left: 2px; 
    padding-right: 2px;
}

.dxsclearfix            
{
    clear:both;
}

.dxsclearfixdivwrapper:after    
{
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0;
    height: 0; 
}

.dxsclearfixdivwrapper          
{
    display: inline-block; 
}

.dxsbuttonfloatleft     
{
    float: left; 
    font-family: var(--dxsfontfamily);
    line-height: 1.2rem; 
    margin: .1rem;
    font-weight:normal !Important; 
    padding: 1px 5px 5px 5px ; 
    color:#FFFFFF !Important;
    background-image: linear-gradient(#747cd4, #02007a);
    cursor: pointer;
    border-radius:6px 6px 6px 6px !Important;
}

.dxsmainiframe      
{
    border:none; 
    border-width:0px; 
    margin: 0px; 
    width:100%; 
    height:100%;
}

/*  Popup and Page/Sub-page classes */

.dxspageheader
{
    /* used for main page headers and page subheadings */
    font-family: var(--dxsfontfamily);
    font-size: 1rem;
    line-height:1.75rem;
    color: #FFFFFF;
    text-align:center; 
    background-position: center;
    margin: 0;
    background-image: linear-gradient(#747cd4, #02007a);
    background: linear-gradient(#747cd4, #02007a) !Important;
}

.dxsiframeinsertfooter { 
    /* used for iframe popups */
    margin:0px 0px 0px 0px !Important; background-position: center; font-size: 1em; font-weight: normal !Important; color: #FFFFFF; word-spacing: 0; 
    font-family: var(--dxsfontfamily);
    text-align:center; line-height:1em; text-indent:0; 
    background-color: #5e87b0; 
    padding-left:24px; padding-right:0; padding-top:.3em; padding-bottom:.3em; 
    background-image: linear-gradient(#747cd4, #02007a);
    border: 1px solid #456f9a;
    border-radius:0px 0px 15px 15px;
}

.dxspopuptextalignleft       
{
    /*  Used for <div> wrapper for <ul> or <ol> to be left aligned
    */
    font-family: var(--dxsfontfamily);
    font-size: 1rem;
    text-align: left;
    line-height:1.2em;
    word-spacing: 0;
    text-indent: 0; 
    margin: 0em 0em; 
    color: #FFFFFF;
    word-spacing: 0; 
    background-color: white;
    padding-left:.3em; padding-right:.3em; padding-top:0em; padding-bottom:0em; 
    background-image: linear-gradient(#7472e0,#9ba0d6); 
    border: 1px solid #456f9a;
}

.dxstextcenteredgradiendbackground  
{
    font-family: var(--dxsfontfamily);
    font-size: .9rem;
    text-align:center;
    line-height:1.2em;
    word-spacing: 0; text-indent: 0; 
    margin: 0; 
    color: #FFFFFF; word-spacing: 0; 
    background-color: white;
    padding-left:.3em; padding-right:.3em; padding-top:0em; padding-bottom:0em; 
    background-image: linear-gradient(#7472e0,#9ba0d6); 
    border: 1px solid #456f9a;
}

.dxsplaintextcentered 
{
    font-family: var(--dxsfontfamily);
    font-size: 1em; 
    font-weight: normal;
    color: black;
    text-align:center;
    line-height:1.25em;
    background-color: white; 
}

/*  Audio and Video Player classes */
.dxsaudioplayer {
    margin: auto;
    width: var(--dxsaudioplayerwidth);
    background: orange;
    font-family: var(--dxsfontfamily);
    color: var(--dxsaudioplayertext-color);
    padding: 10px 10px 0px 10px;
    text-align: center;
    text-shadow: none;
}

.dxsaudioplaylistheader              
{
    background-position: center;
    font-size: 1rem;
    color: var(--dxsaudioplayertext-color);
    font-family: var(--dxsfontfamily);
    text-align:center;
    line-height: 1.5rem;
    background: orange;
}

.dxsaudioplayingheader {
    font-family: var(--dxsfontfamily);
    line-height: 1.5rem;
    text-align: center;
    background: black;
    color: var(--dxsaudioplayertext-color);
    width: var(--dxsaudioplayercontentswidth);
    margin: 2px 0px 2px 0px;
}

.dxsaudiocurrentlyplaying {
    font-family: var(--dxsfontfamily);
    font-size: 1rem;
    color: var(--dxsaudioplayertext-color);
    text-align:center; 
    line-height:1.5rem;
    width: var(--dxsaudioplayercontentswidth);
    background-color: var(--dxsaudioplaylistitembackground-color);
}

.dxsaudioplaylistitem
{
    font-family: var(--dxsfontfamily);
    font-size: 1rem;
    display: grid;
    grid-template-columns: auto 30px;
    align-items: center;
    width: var(--dxsaudioplayercontentswidth);
    color: var(--dxsaudioplayertext-color) !Important;
    background: var(--dxsaudioplaylistitembackground-color);
    line-height:1.5rem;
    cursor: pointer;
    border-style: solid;
    border-color: grey;
    border-width: 0px 0px 1px 0px;
}

.dxsaudioinfopopupimg
{
    width: var(--dxsaudioplayercontentswidth);
    text-align: center;
    height: auto;
    margin: auto;
    object-fit: scale-down;
}

.dxsaudioinfopopupblurb
{
    text-align: center;
    max-width: 90vw;
    margin: auto;
}

.dxsaudioalbumblurbimg {
    /*
    Track Picture sensible sizing on a track blurb popup
    */
    float: left; 
    max-width: 170px;
    max-height: 170px;
}

/*  Corners classes */
.dxsroundedcorners  {
    border-radius:6px;
}    
.dxsroundedcornerstop  {
    border-radius:15px 15px 0px 0px;
}    

.dxstabtext             
{
    padding: .5em .5em; 
    background-position: center; 
    color: white; 
    font-family: var(--dxsfontfamily);
    background-image: linear-gradient(#747cd4, #02007a);
    font-weight: normal; 
    text-align:center; 
    text-indent:0; 
    line-height:1.1em;
}

/*  Fotorama classes */
.dxsfotoramablacktext   
{
    font-weight: normal !Important; 
    font-family: var(--dxsfontfamily);
    line-height:100%; 
    margin: .2em;
    font-weight:normal !Important;
    padding: 1px 5px 5px 5px ;
    color: black;
}
.dxsfotoramabutton      {
    font-family: var(--dxsfontfamily);
    font-size: 1rem;
    line-height: 1.5rem; 
    font-weight:normal;
    color:#FFFFFF !Important; 
    padding: 5px 5px 5px 5px ;
    background-image: linear-gradient(#747cd4, #02007a);
    text-decoration:none; 
    cursor:pointer;
    border-radius:6px 6px 6px 6px !Important;
}
.dxsfotoramatext      {
    font-weight: normal !Important; 
    font-family: var(--dxsfontfamily);
    line-height:100%; 
    margin: .2em; 
    font-weight:normal !Important; 
    padding: 1px 5px 5px 5px ; 
    color:#FFFFFF !Important; 
    background-image: linear-gradient(#747cd4, #02007a);
    text-decoration:none;
    border-radius:6px 6px 6px 6px !Important;
}
.fotorama__caption      
{ 
    opacity: 1 !important; /* 1. Always visible. */
    font-size: 1em;
    color: #fff; /* 2. Semi-transparent black. */
    background-color: transparent; /* 2. Semi-transparent black. */
}
.fotorama__caption__wrap    
{ 
    background: none;
}

/*  Fancybox classes */
.fancybox-skin          
{ 
    background:rgba(255,255,255,0);
    text-shadow: none;
    padding: 0px !Important;
    margin-top: 0px !Important;
    margin-right: 0px !Important;
    margin-bottom: 0px !Important;
    margin-left: 0px !Important;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.5) !Important;

}

.fancybox-close         
{ 
    background-image: url(''); /* Set close button to null file */
}

.fancybox-wrap          
{ 
    top: 40px !important; 
}