:root {
    /* Theme coloures */
     
    /* Background Colours */
    --Bgcolor-default: #F6FFF8;
    --Bgcolor-primary: #369B39;
    --Bgcolor-secondry: #FFFFFF;
    --Bgcolor-tertiary: #E8F5E9;
    --Bgcolor-light: #f9f9f9;
    --Bgcolor-white: #ffffff;
    --Bgcolor-black: #000000;
    --border-color: #D1E7D3;
    /* Text Colours */
    --Textcolor-default: #1B4332;
    --Textcolor-primary: #369B39;
    --Textcolor-secondry: #1F2937;
    --Textcolor-tertiary: #4B5563;
    --Textcolor-light: #ececec;
    --Textcolor-white: #ffffff;
    --Textcolor-black: #000000;
    /* Fonts family and size */
    --fontFamily-default: 'Roboto', sans-serif;
    --fontFamily-heading: 'Roboto', sans-serif;
    --fontSize-default: 16px;
    --fontSize-h1: 25px;
    --fontSize-h2: 22px;
    --fontSize-h3: 20px;
    --fontSize-h4: 18px;
    --fontSize-h5: 16px;
    --fontSize-h6: 14px;
    /* Header styles */
    --menu-FontSize: 16px;
    --MenuDropDown-Bg: #FFFFFF;
    /* 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;
    --channel-varify-color: #5f5f5f;
    --channel-varify-textcolor: #FFFFFF;
 
    --username-varify-color: #2296F3;
    --username-varify-textcolor: #ffffff;
    --loadmore-button-color: #ba6c67;
    --loadmore-button-hvr-color: #7c7878;
    --black-opacity8: #0000008f;
    --labelTitle-fontsiz: 18px;
    /* Label Hot */
    --lableHot-bg: #369B39;
    --lableHot-color: #ffffff;
    --lableHot-font: 18px;
    --lableHot-widhtHight: 35px;
    /* Label Featured  */
    --lableFeatured-bg: #2296F3;
    --lableFeatured-color: #ffffff;
    --lableFeatured-font: 18px;
    --lableFeatured-widhtHight: 35px;
    /* Label Sponsored  */
    --lableSponsored-bg: #369B39;
    --lableSponsored-color: #ffffff;
    --lableSponsored-font: 18px;
    --lableSponsored-widhtHight: 35px;
    /* Channel listing new */
    --chanlThmb-bg: #FFFFFF;
    --chanlThmb-borderRadius: 15px;
    --chanlThmb-coverImgHeight: 200px;
    --chanlThmb-profileImgHeight: 110px;
    --chanlThmb-profileImgTop: -65px;
    --chanlThmb-nameFontSize: 16px;
    --chanlThmb-nameColor: #1B4332;
    --chanlThmb-color: #4B5563;
    --chanlThmb-subsBtnBg: #368b27;
    --chanlThmb-subsBtnColor: #fff;
    --chanlThmb-likeDislikeListColor: #4B5563;
    /* Artist listing */
    --artist-bg: transparent;
    --artist-imgHeight: 180px;
    --artist-nameFontSize: 16px;
    --artist-nameColor: #1B4332;
    --artist-bordercolor: artist_bg;
    /* Member Listing */
    --member-bg: transparent;
    --member-imgHeight: 200px;
    --member-nameFontSize: 16px;
    --member-nameColor: #1B4332;
    --member-colorlight: #4B5563;
    --member-followBtnBg: #2E7D32;
    --member-followBtnColor: #fff;
    --member-bordercolor: #D1E7D3;
 
    /*Category*/
    --category-height: 200px;
    --category-overlayColor: rgba(0, 0, 0, 0.5);
    --category-color: #FFFFFF;
    --category-titleFontsize: 18px;
    --category-subTitle: 14px;
    --category-borderRadius: 15px;
    /* Blog Listing */
    --blogBox-bg: #FFFFFF;
    --blogBox-imgHeight: 250px;
    --blogBox-borderRadius: 15px;
    --blogBox-titleFontSize: 18px;
    --blogBox-Color: #1B4332;
    --blogBox-lightColor: #4B5563;
    /* Tabs */
    --tabsBtn-bg: #E8F5E9;
    --tabsBtn-bgActive: #369B39;
    --tabsBtn-color: #1B4332;
    --tabsBtn-Activecolor: #FFFFFF;
    --tabsBtn-fontSize: 14px;
    /* Form Fields */
    --formField-lableFont: 16px;
    --formField-lableFontColor: #1F2937;
    --formField-inputBg: #FFFFFF;
    --formField-inputColor: #1F2937;
    --formField-inputBdrColor: #D1E7D3;
    --formField-inputFont: 16px;
    /* Form page */
    --formPage-bg: #FFFFFF;
    --formPage-color: #1F2937;
    --formPage-inputbg: #FFFFFF;
    /* Video Grid new */
    --videoGrid-bg: transparent;
    --videoGrid-thumbImgHeight: 180px;
    --videoGrid-titlefontSize: 16px;
    --videoGrid-usertimeColor: #4B5563;
    --videoGrid-btnwidthHeight: 35px;
    --videoGrid-btnFontSize: 16px;
    --videoGrid-btnBg: #e6e6e6;
    --videoGrid-btnColor: #555;
    --videoGrid-btnHoverColor: #FF1744;
    --videogrid-info-height:180px;
    --videogrid-text-color: #1B4332;
    /* Playlist Grid new */
    --playListGrid-bg: transparent;
    --playListGrid-thumbImgHeight: 188px;
    --playlist-content-height:35px;
    --playListGrid-titlefontSize: 18px;
    --playListGrid-titleColor: #1B4332;
    --playListGrid-usertimeColor: #4B5563;
    --playListGrid-btnwidthHeight: 35px;
    --playListGrid-btnFontSize: 16px;
    --playListGrid-btnBg: #e6e6e6;
    --playListGrid-btnColor: #555;
    --playListGrid-btnHoverColor: #FF1744;
    /* LikeDislike Buttons */
    --LikeDislike-Color: #4B5563;
    /*comment*/
    --commentimage-backgroundcolor: #ccc;
    --comment-background: #F1F5F9;
    /* Header Button Bg */
    --deskHeader-buttonBg: #E8F5E9;
    --deskheader-buttoncolor: #1B4332;
    --hometitle-color: #1B4332;
    --hrline-home: #D1E7D3;
    /*Menu*/
    --MobMenuSidebarLvl1: #FFFFFF;
    --MobMenuSidebarLvl2: #F6FFF8;
    --MobMenuSidebarLvl3: #fdfdfd;
 
    --loggedoutMenuColor: #1F2937;
    /*Package Colors*/
    --package-price-color: #1B4332;
    --package-price-info: #4B5563;
     /*Artist Grid*/
     --photogrid-thumbImgHeight: 188px;
     --photogrid-btnColor:#cecece;
     --photogrid-bg:transparent;
     --photogrid-info-height:50px;

     --header-sidebar-bg: #FFFFFF;
     --header-sidebar-color: #1F2937;
     --header-sidebar-hovercolor: #E8F5E9;
     --header-sidebar-title-color: #1B4332;
     --header-sidebar-icon-color: #2E7D32;
     --header-sidebar-fontsize: 16px;
     
     --scroll-track-bg: #F1F5F9;
     --scroll-thumb-bg: #C7E6C9;
     
     --header-sidebar-search-bg: #F6FFF8;
     --header-sidebar-search-border: #D1E7D3;
     --header-sidebar-search-textcolor: #1F2937;

     /* popup search */
     --header-popup-inputborder: #D1E7D3;
     --header-popup-inputbg: #FFFFFF;
     --header-popup-inputtextcolor: #1F2937;
     --header-popup-headbg: #FFFFFF;
     --header-popup-bodybg: #F6FFF8;
 }