

/*----------------------------------------------------------
#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, .text-transparent-color a {color: transparent !important;}

/*----------------------------------------------------------
#color-black
----------------------------------------------------------*/
.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, .text-color-black-color a {color: #101213 !important;}

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

/*----------------------------------------------------------
#color-dark2
----------------------------------------------------------*/
.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, .text-color-dark2-color a {color: #1b1d1f !important;}

/*----------------------------------------------------------
#color-dark3
----------------------------------------------------------*/
.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, .text-color-dark3-color a {color: #303133 !important;}

/*----------------------------------------------------------
#color-dark4
----------------------------------------------------------*/
.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, .text-color-dark4-color a {color: #444444 !important;}

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

/*----------------------------------------------------------
#color-light1
----------------------------------------------------------*/
.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, .text-color-light1-color a {color: #dddddd !important;}

/*----------------------------------------------------------
#color-light2
----------------------------------------------------------*/
.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, .text-color-light2-color a {color: #aaaaaa !important;}

/*----------------------------------------------------------
#color-light3
----------------------------------------------------------*/
.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, .text-color-light3-color a {color: #999999 !important;}

/*----------------------------------------------------------
#color-light4
----------------------------------------------------------*/
.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, .text-color-light4-color a {color: #777777 !important;}

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

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

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

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

/*----------------------------------------------------------
#color-accent-alpha
----------------------------------------------------------*/
.color-accent-alpha-text-bg { background-color: rgba(60,145,149,0.35);}
.grid-type-color-accent-alpha .tmb .t-entry p.t-entry-type {background-color: rgba(60,145,149,0.35);}
.text-color-accent-alpha-color.menu-item > a,.text-color-accent-alpha-color.current-menu-item > a, .text-color-accent-alpha-color a {color: rgba(60,145,149,0.35) !important;}

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

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

/*----------------------------------------------------------
#color-accent-alpha-light
----------------------------------------------------------*/
.color-accent-alpha-light-text-bg { background-color: rgba(60,145,149,0.85);}
.grid-type-color-accent-alpha-light .tmb .t-entry p.t-entry-type {background-color: rgba(60,145,149,0.85);}
.text-color-accent-alpha-light-color.menu-item > a,.text-color-accent-alpha-light-color.current-menu-item > a, .text-color-accent-alpha-light-color a {color: rgba(60,145,149,0.85) !important;}

/*----------------------------------------------------------
#accent
----------------------------------------------------------*/
.accent-text-bg { background-color: #3c9195;}
.grid-type-accent .tmb .t-entry p.t-entry-type {background-color: #3c9195;}
.text-accent-color.menu-item > a,.text-accent-color.current-menu-item > a, .text-accent-color a {color: #3c9195 !important;}body { 
 --theme--transparent: transparent;
 --theme--color-black: #101213;
 --theme--color-dark1: #141618;
 --theme--color-dark2: #1b1d1f;
 --theme--color-dark3: #303133;
 --theme--color-dark4: #444444;
 --theme--color-white: #fffff9;
 --theme--color-light1: #dddddd;
 --theme--color-light2: #aaaaaa;
 --theme--color-light3: #999999;
 --theme--color-light4: #777777;
 --theme--color-accent: #3c9195;
 --theme--color-yellow: #f0a202;
 --theme--color-red: #da2c38;
 --theme--color-green: #00a878;
 --theme--color-accent-alpha: rgba(60,145,149,0.35);
 --theme--color-white-alpha: rgba(255,255,255,0.5);
 --theme--color-accent-light: #274548;
 --theme--color-accent-alpha-light: rgba(60,145,149,0.85);
 --theme--accent: #3c9195;}