:root {
    --primary-color: #302AE6;
    --secondary-color: #536390;
    --font-color: #424242;
    --font-color-light: #bbc8cc;
    --bg-color: #fff;
    --bg-color-2: #2472d2;
    --bg-divider-color: #2472d2;
    --btn-info: #5bc0de;
    --btn-success: #5cb85c;
    --input: #fff;
    --heading-color: #292922;
    --white: #fff;
    --black: #2d2d2d;
    --nav-bg: #fff;
    --nav-shadow: #f5f5f5;
    --nav-link: #000;
    --features-program-color
    --black-400: #000000;
    --tv-box-bg: #4489bc;
    --tv-box-bg-sm: #dcdcdc;
    --tv-box-featured-bg: #4489bc;
    --tv-box-tabs-bg: #b0c4de;
    --tv-box-tabs-bg-sm: #4489bc;
    --tv-box-tabs-color: #ffebcd;
    --tv-box-tabs-color-sm: #4489bc;
    --border-light: #eee;
    --border-light2: #e0e0e0;
    --comment-wrap-bg: #add8e6;
    --comment-wrap-bg-sm: #5399ce;
    --filter-white: none;
    --filter-grey: none;
   --share-icon-bg: transparent;
    --emoji-picker-color: #4489bc;
    }
[data-theme="dark"] {
    --primary-color: #9A97F3;
    --secondary-color: #818cab;
    --font-color: #e1e1ff;
    --font-color-light: #bbc8cc;
    --bg-color: #2d2d2d;
    --bg-color-2: #525558;
    --bg-divider-color: #92969a;
    --btn-info: #2d2d2d;
    --btn-success: #525558;
    --input: #92969a;
    --heading-color: #818cab;
    --white: #2d2d2d;
    --black: #fff;
    --nav-bg: #2d2d2d;
    --nav-shadow: #ffffff14;
    --nav-link: #c4c8cc;
    --black-400: #9fa6ad;
    --tv-box-bg: #4a4e51;
    --tv-box-bg-sm: #3a3c3e;
    --tv-box-featured-bg: #555a5e;
    --tv-box-tabs-bg: #697075;
    --tv-box-tabs-bg-sm: #697075;
    --tv-box-tabs-color: #bbc8cc;
    --tv-box-tabs-color-sm: #bbc8cc;
    --border-light: #868484;
    --border-light2: #656262;
    --comment-wrap-bg: #85888a;
    --comment-wrap-bg-sm: #85888a;
    --filter-white: brightness(0) invert(1);
    --filter-grey: grayscale(1);
    --share-icon-bg: transparent;
    --emoji-picker-color: #ccd4da;


    --black-500: #acb2b8;
    --black-600: #c4c8cc;
    --black-700: #cfd2d6;
    --black-750: #dadee0;
    --black-800: #e7e8eb;
    --black-900: #f2f2f3;
}
[data-theme="christmas"] {
    --primary-color: #302AE6;
    --secondary-color: #536390;
    --font-color: #424242;
    --font-color-light: #bbc8cc;
    --bg-color: transparent;
    --bg-color-2: #287522;
    --bg-divider-color: #2472d2;
    --btn-info: #669669;
    --btn-success: #5cb85c;
    --input: #fff;
    --heading-color: #292922;
    --white: #fff;
    --black: #2d2d2d;
    --nav-bg: #fff;
    --nav-shadow: #f5f5f5;
    --nav-link: #000;
    --black-400: #000000;
    --tv-box-bg: #669669;
    --tv-box-bg-sm: #BDC1AD;
    --tv-box-featured-bg: #669669;
    --tv-box-tabs-bg: #b0c4de;
    --tv-box-tabs-bg-sm: #669669;
    --tv-box-tabs-color: #ffebcd;
    --tv-box-tabs-color-sm: #669669;
    --border-light: #eee;
    --border-light2: #e0e0e0;
    --comment-wrap-bg: #add8e6;
    --comment-wrap-bg-sm: #287522;
    --filter-white: none;
    --filter-grey: none;
   --share-icon-bg: transparent;
    --emoji-picker-color: #287522;
}
[data-theme="wordfest3"] {
    --primary-color: #9A97F3;
    --secondary-color: #818cab;
    --font-color: #3a3a3a;
    --font-color-light: #bbc8cc;
    --bg-color: transparent;
    --bg-color-2: #525558;
    --bg-divider-color: #92969a;
    --input: #92969a;
    --heading-color: #818cab;
    --white: #2d2d2d;
    --black: #fff;
    --nav-bg: #0000000f;
    --nav-shadow: #ffffff14;
    --nav-link: #fff;
    --features-program-color:#000;
    --black-400: #9fa6ad;
    --tv-box-bg: #4a4e51;
    --tv-box-bg-sm: #3a3c3e;
    --tv-box-featured-bg: #555a5e;
    --tv-box-tabs-bg: #697075;
    --tv-box-tabs-bg-sm: #697075;
    --tv-box-tabs-color: #bbc8cc;
    --tv-box-tabs-color-sm: #bbc8cc;
    --border-light: #868484;
    --border-light2: #656262;
    --comment-wrap-bg: #85888a;
    --comment-wrap-bg-sm: #85888a;
    --filter-white: brightness(1) invert(0);
    --filter-grey: grayscale(1);
    --share-icon-bg: transparent;
    --emoji-picker-color: #ccd4da;


    --black-500: #acb2b8;
    --black-600: #c4c8cc;
    --black-700: #cfd2d6;
    --black-750: #dadee0;
    --black-800: #e7e8eb;
    --black-900: #f2f2f3;
}

body {
    background-color: var(--bg-color);
    color: var(--font-color);
}
a {
    color: var(--primary-color);
    /*other styles*/
}
.module-hero {
    background-color: var(--bg-color);
}
.header {
    background: var(--nav-bg);
    box-shadow: inset 0 -1px 0px var(--nav-shadow);
  }
 .main-nav {
/*    background: var(--nav-bg);
*/} 
.nav-icon-toggle span {
    background: var(--nav-link);
  }  
  .main-nav-toggle {
    border-left: 1px solid var(--nav-bg);
  }
.inner-nav > li > a{
    color: var(--nav-link);
}  
.inner-nav > li > a:hover, .inner-nav > li > a:focus, .inner-nav > li.submenu-open > a {
    color: var(--font-color);
}  
p { color: var(--black-300);}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: var(--black-300);
}

.inner-brand img {
  filter: var(--filter-white);
}
.custom-shape-divider-bottom-1591543782 .shape-fill {
    fill: var(--bg-divider-color);
}
.btn-default {
    color: var(--font-color);
    background-color: var(--white);
}
.tv-box {
    background: var(--tv-box-bg);
}
.tv-box .featured-box {
    background-color: var(--tv-box-featured-bg);
}
.nav-tabs>li>a {
    border-color: var(--border-light2);
    color: var(--tv-box-tabs-color);
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background-color: var(--tv-box-tabs-bg);
    border-color: var(--border-light);
}
.nav-tabs{
    border-color: var(--border-light);
}
.tv-box .comment-box {
    background-color: var(--tv-box-tabs-bg);
    }
 .comment-wrap.comment-form{
    background-color: var(--comment-wrap-bg);
 }   
.tv-box .comment-block textarea, .comment-block {
    color: var(--font-color);
    background-color: var(--nav-bg);
  }
.box-icon-left.with-image {
    background-color: var(--bg-color);
  }  
.at-style-responsive .at-share-btn{
      background-color: var(--share-icon-bg) !important;
} 
.at-style-responsive .at-share-btn.at-svc-kc img{
  filter: var(--filter-grey);
}
.inner-brand img {
  filter: var(--filter-white);
}
.emoji-picker-icon {
    color: var(--emoji-picker-color);
  }

.module, .module-sm, .module-xs {
    background-color: var(--bg-color);
 }
#log-form {
    background-color: var(--bg-color-2);
    color: var(--font-color);
}
.form-control {
    color: var(--bg-color-2);
    background-color: var(--input);
}
.auth-box {
    background-color: var(--bg-color-2);
}
#reg-form {
    background-color: var(--bg-color-2);
}
.btn.btn-info {
    background-color: var(--btn-info);
    border-color: var(--btn-info)
}
.btn.btn-success {
    background-color: var(--btn-success);
    border-color: var(--btn-success)
}

@media (max-device-width: 480px){
.inner-nav > li > a {
    border-color: var(--nav-shadow) !important;
}
.tv-box {
    background: var(--tv-box-bg-sm);
  }
 .nav-tabs>li>a {
    color: var(--tv-box-tabs-color-sm);
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background-color: var(--tv-box-tabs-bg-sm);
}
.comment-wrap.comment-form{
    background-color: var(--comment-wrap-bg-sm);
}
.tv-box .comment-box{
background-color: var(--tv-box-tabs-bg-sm);
}
.nav-tabs>li {
    margin-bottom: -5px;
}
.inner-brand img {
    width: 70px;
}
.topright.no-banner .m-t-140 {
    margin-top: 0px !important;
}

}