:root{ 
    --body-bc: #f0f5ff; 
    --body-tc: #000000;  
    
    --body-ff: "Meera Inimai";
    --body-fs: 11pt;
    --link-ff: "Pavanam";
    --link-fs: 11pt;
    --button-ff: "Baloo Thambi 2";
    --button-fs: 12pt;
            
    --title-tc: #02015b; 
    --title-ff: "Meera Inimai";
    
    --title-fs1: 20pt;
    --title-fs2: 18pt;
    --title-fs3: 16pt;
    --title-fs4: 14pt;
    --title-fs5: 12pt;
    --title-fs6: 12pt;
    
    --link-tc: #025cb7; 
    --link-htc: #1F2868;  
    
    --button-bc: #ffffff; 
    --button-hbc: #00699b; 
    --button-tc: #1f3d5a; 
    --button-htc: #ffffff; 
    --button-sbc: #226bc6; 
    --button-stc: #ffffff; 
    
    --header-bc: #f0f5ff; 
    --header-tc: #000000;
    
    --menu-bc: #1F2868; 
    --menu-tc: #ffffff; 
    --menu-hbc: #ffffff; 
    --menu-htc: #000000; 
    --menu-sbc: #ffffff; 
    --menu-stc: #000000;
    
    --submenu-bc: #ffffff; 
    --submenu-tc: #000000; 
    --submenu-ltc: #1F2869; 
    --submenu-lhtc: #282D59;  
    --submenu-bbc: transparent; 
    --submenu-btc: #1F2869; 
    --submenu-bhbc: transparent; 
    --submenu-bhtc: #DEDDF9; 
    
    --subheader-bc: #7570AA; 
    --subheader-tc: #1F2869;
    
    --cmsq-bc: #ebebeb;
    
    --footer-bc: #89b0d8; 
    --footer-tc: #ffffff; 
    --footer-htc: #ffffff; 
    
    --footer-hgc1: #dd2727;
    --footer-hgc2: #ce5050;
    --footer-hgc3: #f8b4b4;
    --footer-hgc4: #ffe5e5;
    
    /*    
    --opacity-hbop1: #opacity_hbop1#; --opacity-hbr1: #opacity_hbr1#; --opacity-hbg1: #opacity_hbg1#; --opacity-hbb1: #opacity_hbb1#;
    --opacity-hbop2: #opacity_hbop2#; --opacity-hbr2: #opacity_hbr2#; --opacity-hbg2: #opacity_hbg2#; --opacity-hbb2: #opacity_hbb2#;
    */
    
    --opacity-htbg: url(../../resrc//banners/home/timing.jpeg); --opacity-htop: 0.4; --opacity-htr: 34; --opacity-htg: 13; --opacity-htb: 26;
    --opacity-hiop: 0.3; --opacity-hir: 0; --opacity-hig: 0; --opacity-hib: 0;
    --opacity-fbbg: url(../../resrc//media/audio/background/overflowing-life.jpg); --opacity-fbop: 0.4; --opacity-fbr: 0; --opacity-fbg: 0; --opacity-fbb: 0;
    --opacity-cbbg: url(../../resrc//banners/banner.jpg); --opacity-cbop: 0.2; --opacity-cbr: 230; --opacity-cbg: 187; --opacity-cbb: 199;
    
    /*
    --opacity-mbop: #opacity_mbop#; --opacity-mbr: #opacity_mbr#; --opacity-mbg: #opacity_mbg#; --opacity-mbb: #opacity_mbb#;
    --opacity-abop: #opacity_abop#; --opacity-abr: #opacity_abr#; --opacity-abg: #opacity_abg#; --opacity-abb: #opacity_abb#;
    
    --opacity-aubop: #opacity_aubop#; --opacity-aubr: #opacity_aubr#; --opacity-aubg: #opacity_aubg#; --opacity-aubb: #opacity_aubb#;
    --opacity-vdbop: #opacity_vdbop#; --opacity-vdbr: #opacity_vdbr#; --opacity-vdbg: #opacity_vdbg#; --opacity-vdbb: #opacity_vdbb#;
    --opacity-bkbop: #opacity_bkbop#; --opacity-bkbr: #opacity_bkbr#; --opacity-bkbg: #opacity_bkbg#; --opacity-bkbb: #opacity_bkbb#;
    */
          
}
/** Footer BG */
.dc-footer { background-image: var(--opacity-fbbg); background-size:cover; }
.dc-footer-opacity{ background-color:  rgba(var(--opacity-fbr), var(--opacity-fbg), var(--opacity-fbb), var(--opacity-fbop)); }
/** Home */
.dc-home-timing-bg{ background-image: var(--opacity-htbg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}
/** Contact BG */
.dc-contact { background-image: var(--opacity-cbbg); background-size:cover; }
.dc-contact-opacity{ background-color:  rgba(var(--opacity-cbr), var(--opacity-cbg), var(--opacity-cbb), var(--opacity-cbop)); }

/*** DC Opacity */
.dc-opacity-hbop1{ background-color:  rgba(var(--opacity-hbr1), var(--opacity-hbg1), var(--opacity-hbb1), var(--opacity-hbop1)); }
.dc-opacity-hbop2{ background-color:  rgba(var(--opacity-hbr2), var(--opacity-hbg2), var(--opacity-hbb2), var(--opacity-hbop2)); }

.dc-opacity-htop{ background-color:  rgba(var(--opacity-htr), var(--opacity-htg), var(--opacity-htb), var(--opacity-htop)); }
.dc-opacity-hiop{ background-color:  rgba(var(--opacity-hir), var(--opacity-hig), var(--opacity-hib), var(--opacity-hiop)); }

.dc-opacity-abop{ background-color:  rgba(var(--opacity-abr), var(--opacity-abg), var(--opacity-abb), var(--opacity-abop)); }
.dc-opacity-mbop{ background-color:  rgba(var(--opacity-mbr), var(--opacity-mbg), var(--opacity-mbb), var(--opacity-mbop)); }

.dc-opacity-aubop{ background-color:  rgba(var(--opacity-aubr), var(--opacity-aubg), var(--opacity-aubb), var(--opacity-aubop)); }
.dc-opacity-vdbop{ background-color:  rgba(var(--opacity-vdbr), var(--opacity-vdbg), var(--opacity-vdbb), var(--opacity-vdbop)); }
.dc-opacity-bkbop{ background-color:  rgba(var(--opacity-bkbr), var(--opacity-bkbg), var(--opacity-bkbb), var(--opacity-bkbop)); }

/* DC Text colors */
.dc-text-body{color : var(--body-tc);} 
.dc-text-btnbg{color : var(--button-bc);}
.dc-text-btntxt{color : var(--button-tc);}
.dc-hover-text-body:hover{color : var(--body-tc);} 
.dc-hover-text-btnbg:hover{color : var(--button-bc);}
.dc-hover-text-btntxt:hover{color : var(--button-tc);}

.dc-selected{background-color : var(--button-sbc); color: var(--button-stc)}
.dc-body{ 
    background-color : var(--body-bc); 
	color : var(--body-tc); 
} 

.dc-link{ color : var(--link-tc); } 
.dc-link:hover{ color : var(--link-htc); } 

.dc-title{ color : var(--title-tc); } 

.dc-button{ 

	background-color : var(--button-bc); 

	color : var(--button-tc); 

} 

.dc-button-hover:hover,.dc-button:hover{ 

	background-color : var(--button-hbc);  

	color : var(--button-htc);  

} 


.dc-title{ 

	color : var(--title-tc); 

} 


.dc-header{ 

	background-color : var(--header-bc); 

	color : var(--header-tc); 

} 


.dc-subheader{ 

	background-color : var(--subheader-bc); 

	color : var(--subheader-tc); 

} 


.dc-menu{ 

	background-color : var(--menu-bc); 

	color : var(--menu-tc); 

} 

.dc-menu:hover{ 

	background-color : var(--menu-hbc);  

	color : var(--menu-htc);  

} 


.dc-submenu{ 

	background-color : var(--submenu-bc); 

	color : var(--submenu-tc); 

	

} 

button.dc-submenu{ 
background-color : var(--submenu-bbc); 	color : var(--submenu-btc); 
}
    
.dc-submenu:hover{ 

	background-color : var(--submenu-bhbc);  

	color : var(--submenu-bhtc);  

} 

a.dc-submenu{ 

	color : var(--submenu-ltc); 

} 

a.dc-submenu:hover{ 

	color : var(--submenu-lhtc);  

} 

.dc-cmsq{ 

	background-color : var(--cmsq-bc); 



}

.dc-footer{ 

	background-color : var(--footer-bc); 

	color : var(--footer-tc); 

}

.dc-footer-glow{ 

	color:white; text-shadow: 0 0 13px var(--footer-hgc1), 0 0 14px var(--footer-hgc2), 0 0 15px var(--footer-hgc3), 0 0 16px var(--footer-hgc4); /*, 0 0 17px var(--footer-hgc1), 0 0 18px var(--footer-hgc1); */
    

	color : var(--footer-htc); 

}