:root {     
    /* Background Colours */
    --Bgcolor-default: Bgcolor_default;
    --Bgcolor-primary: Bgcolor_primary;
    --Bgcolor-secondry: Bgcolor_secondry;
    --Bgcolor-tertiary: Bgcolor_tertiary;
    --border-color: Border_color;
    --Bgcolor-primary-rgb: 255, 23, 68;
    --Bgcolor-default-rgb: 255, 255, 255;
   
    --Bgcolor-primary-2:rgba(var(--Bgcolor-primary-rgb), 0.2);
    --Bgcolor-primary-3:rgba(var(--Bgcolor-primary-rgb), 0.3);
    --Bgcolor-primary-4:rgba(var(--Bgcolor-primary-rgb), 0.4);
    --Bgcolor-primary-5:rgba(var(--Bgcolor-primary-rgb), 0.5);
    --Bgcolor-primary-6:rgba(var(--Bgcolor-primary-rgb), 0.6);
    --Bgcolor-primary-7:rgba(var(--Bgcolor-primary-rgb), 0.7);
    --Bgcolor-primary-8:rgba(var(--Bgcolor-primary-rgb), 0.8);
    --Bgcolor-primary-9:rgba(var(--Bgcolor-primary-rgb), 0.9);
    --Bgcolor-default-0:rgba(var(--Bgcolor-default-rgb), 0);
    --Bgcolor-default-2:rgba(var(--Bgcolor-default-rgb), 0.2);
    --Bgcolor-default-3:rgba(var(--Bgcolor-default-rgb), 0.3);
    --Bgcolor-default-4:rgba(var(--Bgcolor-default-rgb), 0.4);
    --Bgcolor-default-5:rgba(var(--Bgcolor-default-rgb), 0.5);
    --Bgcolor-default-6:rgba(var(--Bgcolor-default-rgb), 0.6);
    --Bgcolor-default-7:rgba(var(--Bgcolor-default-rgb), 0.7);
    --Bgcolor-default-8:rgba(var(--Bgcolor-default-rgb), 0.8);
    --Bgcolor-default-9:rgba(var(--Bgcolor-default-rgb), 0.9);
    --Bgcolor-default-10:rgba(var(--Bgcolor-default-rgb), 1);

    --color-white: #ffffff;
    --color-black: #000000;
    
    /* Text Colours */
    --Textcolor-default: Textcolor_default;
    --Textcolor-primary: Textcolor_primary;
    --Textcolor-secondry: Textcolor_secondry;
    --Textcolor-tertiary: Textcolor_tertiary;
    --Textcolor-default-rgb: 0, 0, 0;
    --Textcolor-primary-rgb: 255, 23, 68;
    
    --Textcolor-primary-2:rgba(var(--Textcolor-primary-rgb), 0.2);
    --Textcolor-primary-3:rgba(var(--Textcolor-primary-rgb), 0.3);
    --Textcolor-primary-4:rgba(var(--Textcolor-primary-rgb), 0.4);
    --Textcolor-primary-5:rgba(var(--Textcolor-primary-rgb), 0.5);
    --Textcolor-primary-6:rgba(var(--Textcolor-primary-rgb), 0.6);
    --Textcolor-primary-7:rgba(var(--Textcolor-primary-rgb), 0.7);
    --Textcolor-primary-8:rgba(var(--Textcolor-primary-rgb), 0.8);
    --Textcolor-primary-9:rgba(var(--Textcolor-primary-rgb), 0.9);    
    --Textcolor-default-2:rgba(var(--Textcolor-default-rgb), 0.2);
    --Textcolor-default-3:rgba(var(--Textcolor-default-rgb), 0.3);
    --Textcolor-default-4:rgba(var(--Textcolor-default-rgb), 0.4);
    --Textcolor-default-5:rgba(var(--Textcolor-default-rgb), 0.5);
    --Textcolor-default-6:rgba(var(--Textcolor-default-rgb), 0.6);
    --Textcolor-default-7:rgba(var(--Textcolor-default-rgb), 0.7);
    --Textcolor-default-8:rgba(var(--Textcolor-default-rgb), 0.8);
    --Textcolor-default-9:rgba(var(--Textcolor-default-rgb), 0.9);
    
    /* Fonts family and size */
    --fontFamily-default: fontFamily_default;
    --fontFamily-heading: fontFamily_heading;
    --fontSize-default: fontSize_default;
    --fontSize-h1: 25px;
    --fontSize-h2: 22px;
    --fontSize-h3: 20px;
    --fontSize-h4: 18px;
    --fontSize-h5: 16px;
    --fontSize-h6: 14px;

    /* Header styles */
    --menu-FontSize: menu_FontSize;
    --MenuDropDown-Bg: MenuDropDown_Bg;

    /* Other colours */    
    --red-color: #ff1744;
    --color-rating-yellow: #ffcc66;
    --color-rating-orange: #ea731c;
    --facebook-color: #455CA8;
    --facebook-hover-color: #6E83CD;
    --google-color: #F74933;
    --google-hover-color: #FF7566;
    --twitter-color: #1da1f2;
    --twitter-hover-color: #1da1f2;
    --instagram-color: #a32e73;
    --pintrest-color: #d50c22;
    --vimeo-color: #ffa800;

    /* Feature Label */
    --username-varify-color: username_varify_color;
    --lableHot-bg: lableHot_bg;
    --lableFeatured-bg: lableFeatured_bg;
    --lableSponsored-bg: lableSponsored_bg;
    
    /* Channel listing new */
    --chanlThmb-bg: chanlThmb_bg;
    --chanlThmb-nameFontSize: chanlThmb_nameFontSize;
    --chanlThmb-nameColor: chanlThmb_nameColor;

    /* Artist listing */
    --artist-imgHeight: artist_imgHeight;
    --artist-nameFontSize: artist_nameFontSize;
    --artist-nameColor: artist_nameColor;
    --artist-bordercolor: artist_bg;

    /* Member Listing */
    --member-imgHeight: member_imgHeigh;
    --member-nameFontSize: member_nameFontSize;
    --member-nameColor: member_nameColor;
    --member-bordercolor: member_bordercolor;
 
    /*Category*/
    --category-height: category_height;
    --category-color: category_color;
    --category-titleFontsize: category_titleFontsize;

    /* Blog Listing */
    --blogBox-bg: blogBox_bg;
    --blogBox-imgHeight: blogBox_imgHeight;
    --blogBox-titleFontSize: blogBox_titleFontSize;
    --blogBox-Color: blogBox_Color;
    --blogBox-lightColor: blogBox_lightColor;

    /* Tabs */
    --tabsBtn-bg: tabsBtn_bg;
    --tabsBtn-bgActive: tabsBtn_bgActive;
    --tabsBtn-color: tabsBtn_color;
    --tabsBtn-Activecolor: tabsBtn_Activecolor;
    --tabsBtn-fontSize: tabsBtn_fontSize;

    /* Form Fields */
    --formField-lableFont: formField_lableFont;
    --formField-lableFontColor: formField_lableFontColor;
    --formField-inputBg: formField_inputBg;
    --formField-inputColor: formField_inputColor;
    --formField-inputBdrColor: formField_inputBdrColor;
    --formField-inputFont: formField_inputFont;
    --formPage-bg: formPage_bg;

    /* Video Grid new */
    --videoGrid-titlefontSize: videoGrid_titlefontSize;
    --videogrid-info-height:videogrid_info_height;
    --videogrid-text-color:videogrid_text_color;

    /* Playlist Grid new */
    --playlist-content-height:playList_height;
    --playListGrid-titlefontSize: playList_titleFontsize;
    --playListGrid-titleColor:playList_color;
    
    /*Menu*/
     --header-sidebar-bg: header_sidebar_bg;
     --header-sidebar-color: header_sidebar_color;
     --header-sidebar-hovercolor:header_sidebar_hovercolor;
     --header-sidebar-title-color: header_sidebar_title_color;
     --header-sidebar-icon-color: header_sidebar_icon_color;
     --header-sidebar-fontsize: header_sidebar_fontsize;     
     --header-sidebar-search-bg:header_sidebar_search_bg;
     --header-sidebar-search-border:header_sidebar_search_border;
     --header-sidebar-search-textcolor:header_sidebar_search_textcolor;

     /* popup search */
     --header-popup-inputborder:header_popup_inputborder;
     --header-popup-inputbg:header_popup_inputbg;
     --header-popup-inputtextcolor:header_popup_inputtextcolor;
     --header-popup-headbg: header_popup_headbg;
     --header-popup-bodybg:header_popup_bodybg;
     
 }