/*----------------------------------------------------------
#transparent
----------------------------------------------------------*/
 body {--theme--transparent: transparent;}
.transparent-text-bg { background-color: transparent;}
.grid-type-transparent .tmb .t-entry p.t-entry-type {background-color: transparent;}
.text-transparent-color.menu-item > a,.text-transparent-color.current-menu-item > a {color: transparent !important;}

/*----------------------------------------------------------
#color-black
----------------------------------------------------------*/
 body {--theme--color-black: #101213;}
.color-black-text-bg { background-color: #101213;}
.grid-type-color-black .tmb .t-entry p.t-entry-type {background-color: #101213;}
.text-color-black-color.menu-item > a,.text-color-black-color.current-menu-item > a {color: #101213 !important;}

/*----------------------------------------------------------
#color-dark1
----------------------------------------------------------*/
 body {--theme--color-dark1: #222222;}
.color-dark1-text-bg { background-color: #222222;}
.grid-type-color-dark1 .tmb .t-entry p.t-entry-type {background-color: #222222;}
.text-color-dark1-color.menu-item > a,.text-color-dark1-color.current-menu-item > a {color: #222222 !important;}

/*----------------------------------------------------------
#color-dark2
----------------------------------------------------------*/
 body {--theme--color-dark2: #1b1d1f;}
.color-dark2-text-bg { background-color: #1b1d1f;}
.grid-type-color-dark2 .tmb .t-entry p.t-entry-type {background-color: #1b1d1f;}
.text-color-dark2-color.menu-item > a,.text-color-dark2-color.current-menu-item > a {color: #1b1d1f !important;}

/*----------------------------------------------------------
#color-dark3
----------------------------------------------------------*/
 body {--theme--color-dark3: #303133;}
.color-dark3-text-bg { background-color: #303133;}
.grid-type-color-dark3 .tmb .t-entry p.t-entry-type {background-color: #303133;}
.text-color-dark3-color.menu-item > a,.text-color-dark3-color.current-menu-item > a {color: #303133 !important;}

/*----------------------------------------------------------
#color-dark4
----------------------------------------------------------*/
 body {--theme--color-dark4: #444444;}
.color-dark4-text-bg { background-color: #444444;}
.grid-type-color-dark4 .tmb .t-entry p.t-entry-type {background-color: #444444;}
.text-color-dark4-color.menu-item > a,.text-color-dark4-color.current-menu-item > a {color: #444444 !important;}

/*----------------------------------------------------------
#color-white
----------------------------------------------------------*/
 body {--theme--color-white: #fefefe;}
.color-white-text-bg { background-color: #fefefe;}
.grid-type-color-white .tmb .t-entry p.t-entry-type {background-color: #fefefe;}
.text-color-white-color.menu-item > a,.text-color-white-color.current-menu-item > a {color: #fefefe !important;}

/*----------------------------------------------------------
#color-light1
----------------------------------------------------------*/
 body {--theme--color-light1: #dddddd;}
.color-light1-text-bg { background-color: #dddddd;}
.grid-type-color-light1 .tmb .t-entry p.t-entry-type {background-color: #dddddd;}
.text-color-light1-color.menu-item > a,.text-color-light1-color.current-menu-item > a {color: #dddddd !important;}

/*----------------------------------------------------------
#color-light2
----------------------------------------------------------*/
 body {--theme--color-light2: #aaaaaa;}
.color-light2-text-bg { background-color: #aaaaaa;}
.grid-type-color-light2 .tmb .t-entry p.t-entry-type {background-color: #aaaaaa;}
.text-color-light2-color.menu-item > a,.text-color-light2-color.current-menu-item > a {color: #aaaaaa !important;}

/*----------------------------------------------------------
#color-light3
----------------------------------------------------------*/
 body {--theme--color-light3: #999999;}
.color-light3-text-bg { background-color: #999999;}
.grid-type-color-light3 .tmb .t-entry p.t-entry-type {background-color: #999999;}
.text-color-light3-color.menu-item > a,.text-color-light3-color.current-menu-item > a {color: #999999 !important;}

/*----------------------------------------------------------
#color-light4
----------------------------------------------------------*/
 body {--theme--color-light4: #777777;}
.color-light4-text-bg { background-color: #777777;}
.grid-type-color-light4 .tmb .t-entry p.t-entry-type {background-color: #777777;}
.text-color-light4-color.menu-item > a,.text-color-light4-color.current-menu-item > a {color: #777777 !important;}

/*----------------------------------------------------------
#color-yellow
----------------------------------------------------------*/
 body {--theme--color-yellow: #dea810;}
.color-yellow-text-bg { background-color: #dea810;}
.grid-type-color-yellow .tmb .t-entry p.t-entry-type {background-color: #dea810;}
.text-color-yellow-color.menu-item > a,.text-color-yellow-color.current-menu-item > a {color: #dea810 !important;}

/*----------------------------------------------------------
#color-green
----------------------------------------------------------*/
 body {--theme--color-green: #464d41;}
.color-green-text-bg { background-color: #464d41;}
.grid-type-color-green .tmb .t-entry p.t-entry-type {background-color: #464d41;}
.text-color-green-color.menu-item > a,.text-color-green-color.current-menu-item > a {color: #464d41 !important;}

/*----------------------------------------------------------
#color-green-dark
----------------------------------------------------------*/
 body {--theme--color-green-dark: #464d41;}
.color-green-dark-text-bg { background-color: #464d41;}
.grid-type-color-green-dark .tmb .t-entry p.t-entry-type {background-color: #464d41;}
.text-color-green-dark-color.menu-item > a,.text-color-green-dark-color.current-menu-item > a {color: #464d41 !important;}

/*----------------------------------------------------------
#color-green-light
----------------------------------------------------------*/
 body {--theme--color-green-light: #8d9489;}
.color-green-light-text-bg { background-color: #8d9489;}
.grid-type-color-green-light .tmb .t-entry p.t-entry-type {background-color: #8d9489;}
.text-color-green-light-color.menu-item > a,.text-color-green-light-color.current-menu-item > a {color: #8d9489 !important;}

/*----------------------------------------------------------
#color-white-alpha
----------------------------------------------------------*/
 body {--theme--color-white-alpha: rgba(255,255,255,0.85);}
.color-white-alpha-text-bg { background-color: rgba(255,255,255,0.85);}
.grid-type-color-white-alpha .tmb .t-entry p.t-entry-type {background-color: rgba(255,255,255,0.85);}
.text-color-white-alpha-color.menu-item > a,.text-color-white-alpha-color.current-menu-item > a {color: rgba(255,255,255,0.85) !important;}

/*----------------------------------------------------------
#color-yellow-alpha
----------------------------------------------------------*/
 body {--theme--color-yellow-alpha: rgba(222,168,16,0.1);}
.color-yellow-alpha-text-bg { background-color: rgba(222,168,16,0.1);}
.grid-type-color-yellow-alpha .tmb .t-entry p.t-entry-type {background-color: rgba(222,168,16,0.1);}
.text-color-yellow-alpha-color.menu-item > a,.text-color-yellow-alpha-color.current-menu-item > a {color: rgba(222,168,16,0.1) !important;}

/*----------------------------------------------------------
#accent
----------------------------------------------------------*/
 body {--theme--accent: #dea810;}
.accent-text-bg { background-color: #dea810;}
.grid-type-accent .tmb .t-entry p.t-entry-type {background-color: #dea810;}
.text-accent-color.menu-item > a,.text-accent-color.current-menu-item > a {color: #dea810 !important;}