/* ==========================================================================
   Table of Content
   ==========================================================================
   
    Header
        rojo
        celeste
        amarillo
        magenta
        azul
        verde
        cyan
        
    Content
        Articles
            rojo
            celeste
            amarillo
            magenta
            azul
            verde
        
        Reviews
        Archive
        Buttons
    
    Sidebar
    Footer
    
    

/* ==========================================================================
   Header
   ========================================================================== */


/**
 * rojo
 */

#header-navigation ul li.cat-rojo a,
#header-navigation ul li.cat-rojo .dropnav-container ul.dropnav-menu,
#header-navigation ul li.cat-rojo .dropnav-container ul.dropnav-menu li,
.sidr ul li.cat-rojo a {
    /*border-color: #ef3434;*/
}

#header-navigation ul li.cat-rojo .subnav-menu,
#header-navigation ul li.cat-rojo:hover .subnav-menu a,
#header-navigation ul li.cat-rojo .dropnav-container ul li a:hover {
    background: #ef3434;
}

#header-navigation ul li.cat-rojo a:hover,
#header-navigation ul li.cat-rojo:hover a,
#header-navigation ul li.cat-rojo.current a,
#header-navigation ul li.cat-rojo .subnav-container,
#header-navigation ul li.cat-rojo .subnav-menu a:hover,
#header-navigation ul li.cat-rojo .subnav-menu .current a,
#header-navigation-sub nav.cat-rojo,
.sidr ul li.cat-rojo a:hover {
    background: #c13636;
}

.linkbox.cat-rojo a:hover .overlay {
    background: rgba(239, 52, 52, 0.8);
}

/**
 * celeste
 */

#header-navigation ul li.cat-celeste a,
#header-navigation ul li.cat-celeste .dropnav-container ul.dropnav-menu,
#header-navigation ul li.cat-celeste .dropnav-container ul.dropnav-menu li,
.sidr ul li.cat-celeste a {
    /*border-color: #51a3ff;*/
}

#header-navigation ul li.cat-celeste .subnav-menu,
#header-navigation ul li.cat-celeste:hover .subnav-menu a,
#header-navigation ul li.cat-celeste .dropnav-container ul li a:hover {
    background: #51a3ff;
}

#header-navigation ul li.cat-celeste a:hover,
#header-navigation ul li.cat-celeste:hover a,
#header-navigation ul li.cat-celeste.current a,
#header-navigation ul li.cat-celeste .subnav-container,
#header-navigation ul li.cat-celeste .subnav-menu a:hover,
#header-navigation ul li.cat-celeste .subnav-menu .current a,
#header-navigation-sub nav.cat-celeste,
.sidr ul li.cat-celeste a:hover {
    background: #4a84c4;
}

.linkbox.cat-celeste a:hover .overlay {
    background: rgba(81, 163, 255, 0.8);
}

/**
 * amarillo
 */

#header-navigation ul li.cat-amarillo a,
#header-navigation ul li.cat-amarillo .dropnav-container ul.dropnav-menu,
#header-navigation ul li.cat-amarillo .dropnav-container ul.dropnav-menu li,
.sidr ul li.cat-amarillo a {
    /*border-color: #d4ca56;*/
}

#header-navigation ul li.cat-amarillo .subnav-menu,
#header-navigation ul li.cat-amarillo:hover .subnav-menu a,
#header-navigation ul li.cat-amarillo .dropnav-container ul li a:hover {
    background: #d4ca56;
}

#header-navigation ul li.cat-amarillo a:hover,
#header-navigation ul li.cat-amarillo:hover a,
#header-navigation ul li.cat-amarillo.current a,
#header-navigation ul li.cat-amarillo .subnav-container,
#header-navigation ul li.cat-amarillo .subnav-menu a:hover,
#header-navigation ul li.cat-amarillo .subnav-menu .current a,
#header-navigation-sub nav.cat-amarillo,
.sidr ul li.cat-amarillo a:hover {
    background: #b1aa57;
}

.linkbox.cat-amarillo a:hover .overlay {
    background: rgba(212, 202, 86, 0.8);
}

/**
 * magenta
 */

#header-navigation ul li.cat-magenta a,
#header-navigation ul li.cat-magenta .dropnav-container ul.dropnav-menu,
#header-navigation ul li.cat-magenta .dropnav-container ul.dropnav-menu li,
.sidr ul li.cat-magenta a {
    /*border-color: #cc62c8;*/
}

#header-navigation ul li.cat-magenta .subnav-menu,
#header-navigation ul li.cat-magenta:hover .subnav-menu a,
#header-navigation ul li.cat-magenta .dropnav-container ul li a:hover {
    background: #cc62c8;
}

#header-navigation ul li.cat-magenta a:hover,
#header-navigation ul li.cat-magenta:hover a,
#header-navigation ul li.cat-magenta.current a,
#header-navigation ul li.cat-magenta .subnav-container,
#header-navigation ul li.cat-magenta .subnav-menu a:hover,
#header-navigation ul li.cat-magenta .subnav-menu .current a,
#header-navigation-sub nav.cat-magenta,
.sidr ul li.cat-magenta a:hover {
    background: #a0569e;
}

.linkbox.cat-magenta a:hover .overlay {
    background: rgba(204, 98, 200, 0.8);
}

/**
 * azul
 */

#header-navigation ul li.cat-azul a,
#header-navigation ul li.cat-azul .dropnav-container ul.dropnav-menu,
#header-navigation ul li.cat-azul .dropnav-container ul.dropnav-menu li,
.sidr ul li.cat-azul a {
    /*border-color: #6f9ed3;*/
}

#header-navigation ul li.cat-azul .subnav-menu,
#header-navigation ul li.cat-azul:hover .subnav-menu a,
#header-navigation ul li.cat-azul .dropnav-container ul li a:hover {
    background: #6f9ed3;
}

#header-navigation ul li.cat-azul a:hover,
#header-navigation ul li.cat-azul:hover a,
#header-navigation ul li.cat-azul.current a,
#header-navigation ul li.cat-azul .subnav-container,
#header-navigation ul li.cat-azul .subnav-menu a:hover,
#header-navigation ul li.cat-azul .subnav-menu .current a,
#header-navigation-sub nav.cat-azul,
.sidr ul li.cat-azul a:hover {
    background: #6081a6;
}

.linkbox.cat-azul a:hover .overlay {
    background: rgba(111, 158, 211, 0.8);
}

/**
 * verde
 */

#header-navigation ul li.cat-verde a,
#header-navigation ul li.cat-verde .dropnav-container ul.dropnav-menu,
#header-navigation ul li.cat-verde .dropnav-container ul.dropnav-menu li,
.sidr ul li.cat-verde a {
    /*border-color: #5dc866;*/
}

#header-navigation ul li.cat-verde .subnav-menu,
#header-navigation ul li.cat-verde:hover .subnav-menu a,
#header-navigation ul li.cat-verde .dropnav-container ul li a:hover {
    background: #5dc866;
}

#header-navigation ul li.cat-verde a:hover,
#header-navigation ul li.cat-verde:hover a,
#header-navigation ul li.cat-verde.current a,
#header-navigation ul li.cat-verde .subnav-container,
#header-navigation ul li.cat-verde .subnav-menu a:hover,
#header-navigation ul li.cat-verde .subnav-menu .current a,
#header-navigation-sub nav.cat-verde,
.sidr ul li.cat-verde a:hover {
    background: #55985b;
}

.linkbox.cat-verde a:hover .overlay {
    background: rgba(93, 200, 102, 0.8);
}

/**
 * cyan
 */

#header-navigation ul li.cat-cyan a,
.sidr ul li.cat-cyan a {
    /*border-color: #73edfb;
    color: #73edfb;*/
}

#header-navigation ul li.cat-cyan .dropnav-container,
#header-navigation ul li.cat-cyan:hover a {
    background: #222;
}

#header-navigation ul li.cat-cyan .dropnav-container ul li a:hover {
    color: #73edfb;
}


/* ==========================================================================
   Content
   ========================================================================== */

/**
 * Articles
 */

/**
 * rojo
 */

article.cat-rojo a.theme,
article a.theme.cat-rojo,
#page-content .section-rojo header span.borderline,
#page-content .cat-rojo .theme,
#article-post.cat-rojo .progress-bar,
#article-post.cat-rojo .score-overall {
    background: #ef3434;
}

.section-rojo header h2 a,
#article-post.cat-rojo .review ul.good li i.fa {
    color: #ef3434;
}

/**
 * celeste
 */

article.cat-celeste a.theme,
article a.theme.cat-celeste,
#page-content .section-celeste header span.borderline,
#page-content .cat-celeste .theme,
#article-post.cat-celeste .progress-bar,
#article-post.cat-celeste .score-overall {
    background: #51a3ff;
}

.section-celeste header h2 a,
#article-post.cat-celeste .review ul.good li i.fa {
    color: #51a3ff;
}

/**
 * amarillo
 */

article.cat-amarillo a.theme,
article a.theme.cat-amarillo,
#page-content .section-amarillo header span.borderline,
#page-content .cat-amarillo .theme,
#article-post.cat-amarillo .progress-bar,
#article-post.cat-amarillo .score-overall {
    background: #d4ca56;
}

.section-amarillo header h2 a,
#article-post.cat-amarillo .review ul.good li i.fa {
    color: #d4ca56;
}

/**
 * magenta
 */

article.cat-magenta a.theme,
article a.theme.cat-magenta,
#page-content .section-magenta header span.borderline,
#page-content .cat-shotime .theme,
#article-post.cat-magenta .progress-bar,
#article-post.cat-magenta .score-overall {
    background: #cc62c8;
}

.section-magenta header h2 a,
#article-post.cat-magenta .review ul.good li i.fa {
    color: #cc62c8;
}

/**
 * azul
 */

article.cat-azul a.theme,
article a.theme.cat-azul,
#page-content .section-azul header span.borderline,
#page-content .cat-azul .theme,
#article-post.cat-azul .progress-bar,
#article-post.cat-azul .score-overall {
    background: #6f9ed3;
}

.section-azul header h2 a,
#article-post.cat-azul .review ul.good li i.fa {
    color: #6f9ed3;
}

/**
 * verde
 */

article.cat-verde a.theme,
article a.theme.cat-verde,
#page-content .section-verde header span.borderline,
#page-content .cat-verde .theme,
#article-post.cat-verde .progress-bar,
#article-post.cat-verde .score-overall {
    background: #5dc866;
}

.section-verde header h2 a,
#article-post.cat-verde .review ul.good li i.fa {
    color: #5dc866;
}


/* ==========================================================================
   Reviews
   ========================================================================== */

.cat-reviews {
    background: #444;
}

#page-content .cat-reviews header h2 {
    border-color:  #4e4e4e;
}

#page-content .cat-reviews header span.borderline {
    background: #fff;
}


/* ==========================================================================
   Archive
   ========================================================================== */

/**
 * Show MorModule timelinee
 */

#archive-page.module-timeline .cat-rojo a {
    color: #ef3434;
}

#archive-page.module-timeline article i.bullet-rojo {
    background: #ef3434;
}

#archive-page.module-timeline .cat-celeste a {
    color: #51a3ff;
}

#archive-page.module-timeline article i.bullet-celeste {
    background: #51a3ff;
}

#archive-page.module-timeline .cat-amarillo a {
    color: #d4ca56;
}

#archive-page.module-timeline article i.bullet-amarillo {
    background: #d4ca56;
}

#archive-page.module-timeline .cat-magenta a {
    color: #cc62c8;
}

#archive-page.module-timeline article i.bullet-magenta {
    background: #cc62c8;
}

#archive-page.module-timeline .cat-azul a {
    color: #6f9ed3;
}

#archive-page.module-timeline article i.bullet-azul {
    background: #6f9ed3;
}

#archive-page.module-timeline .cat-verde a {
    color: #5dc866;
}

#archive-page.module-timeline article i.bullet-verde {
    background: #5dc866;
}


/* ==========================================================================
   Buttons
   ========================================================================== */

/**
 * Show More
 */

a.show-more.cat-rojo {
    background: #ef3434;
}

a.show-more.cat-celeste {
    background: #51a3ff;
}

a.show-more.cat-amarillo {
    background: #d4ca56;
}

a.show-more.cat-magenta {
    background: #cc62c8;
}

a.show-more.cat-azul {
    background: #6f9ed3;
}

a.show-more.cat-verde {
    background: #5dc866;
}

/* ==========================================================================
   Sidebar
   ========================================================================== */

#sidebar span.cat-rojo a {
    color: #ef3434;
}

#sidebar span.cat-celeste a {
    color: #51a3ff;
}

#sidebar span.cat-amarillo a {
    color: #d4ca56;
}

#sidebar span.cat-magenta a {
    color: #cc62c8;
}

#sidebar span.cat-azul a {
    color: #6f9ed3;
}

#sidebar span.cat-verde a {
    color: #5dc866;
}

#sidebar .module-timeline article i.bullet-rojo {
    background: #ef3434;
}

#sidebar .module-timeline article i.bullet-celeste {
    background: #51a3ff;
}

#sidebar .module-timeline article i.bullet-amarillo {
    background: #d4ca56;
}

#sidebar .module-timeline article i.bullet-magenta {
    background: #cc62c8;
}

#sidebar .module-timeline article i.bullet-azul {
    background: #6f9ed3;
}

#sidebar .module-timeline article i.bullet-verde {
    background: #5dc866;
}

/* ==========================================================================
   Footer
   ========================================================================== */

#foot-menu ul li.cat-rojo a {
    border-color: #ef3434;
}

#foot-menu ul li.cat-rojo a:hover,
#foot-menu ul li.cat-rojo.current a {
    color: #c13636;
}

#foot-menu ul li.cat-celeste a {
    border-color: #51a3ff;
}

#foot-menu ul li.cat-celeste a:hover,
#foot-menu ul li.cat-celeste.current a {
    color: #4a84c4;
}

#foot-menu ul li.cat-amarillo a {
    border-color: #d4ca56;
}

#foot-menu ul li.cat-amarillo a:hover,
#foot-menu ul li.cat-amarillo.current a {
    color: #b1aa57;
}

#foot-menu ul li.cat-magenta a {
    border-color: #cc62c8;
}

#foot-menu ul li.cat-magenta a:hover,
#foot-menu ul li.cat-magenta.current a {
    color: #a0569e;
}

#foot-menu ul li.cat-azul a {
    border-color: #6f9ed3;
}

#foot-menu ul li.cat-azul a:hover,
#foot-menu ul li.cat-azul.current a {
    color: #6081a6;
}

#foot-menu ul li.cat-verde a {
    border-color: #5dc866;
}

#foot-menu ul li.cat-verde a:hover,
#foot-menu ul li.cat-verde.current a {
    color: #55985b;
}

#foot-menu ul li.cat-cyan a {
    border-color: #73edfb;
}

#foot-menu ul li.cat-cyan a:hover,
#foot-menu ul li.cat-cyan.current a {
    color: #73edfb;
}