/* ===== 

You are free to modify this file but you should really create a folder in your
themes directory called (exactly) multi-column-tag-map and then copy this file 
to that folder. Make your edits to the copy. If you make your edits to the 
file in the plugins folder, all your edits will be overwritten if you update.

===== */ 

/* =====  version 17.0.38 ===== */ 

#mcTagMap .holdinner {
    clear: both;
    padding: 20px 0;
}

#mcTagMap .tagindex,
#sc_mcTagMap .tagindex {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding: 12px 18px;
    background: #2a2f33;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    margin-bottom: 20px;
    transition: background 0.3s ease;
}

#mcTagMap .tagindex h4,
#sc_mcTagMap .tagindex h4 {
    border-bottom: 2px solid #ffaf4d;
    padding-bottom: 6px;
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffd580;
}

#mcTagMap .tagindex ul,
#sc_mcTagMap .tagindex ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#mcTagMap .tagindex ul li,
#sc_mcTagMap .tagindex ul li {
    padding: 4px 0;
    font-size: 15px;
}

#mcTagMap .tagindex ul li a,
#sc_mcTagMap .tagindex ul li a {
    color: #eaeaea;
    text-decoration: none;
    padding: 2px 6px;
    border-radius: 4px;
    transition: background 0.3s ease, color 0.3s ease;
}

#mcTagMap .tagindex ul li a:hover {
    background: #ffd580;
    color: #1a1a1a;
}

#mcTagMap .tagDescription {
    font-size: 13px;
    font-style: italic;
    color: #ccc;
    margin-top: 4px;
}

#mcTagMap #mcTagMapNav {
    background: #1f1f1f;
    padding: 8px 0;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

#mcTagMap #mcTagMapNav a {
    color: #ffd580;
    text-decoration: none;
    margin: 0 8px;
    font-weight: 600;
    transition: color 0.3s ease;
}

#mcTagMap #mcTagMapNav a:hover {
    color: #ffffff;
}

#mcTagMap .holdleft,
#sc_mcTagMap .holdleft {
    width: auto;
    float: none;
    display: block;
    margin-bottom: 16px;
}

#mcTagMap .responsive .tagindex,
#sc_mcTagMap .responsive .tagindex {
    display: block;
    width: 100% !important;
    float: none;
}

#mcTagMap .responsive .tagindex > * {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}
