﻿/* Accordion Menu by www.menucool.com/vertical/accordion-menu*/

#accordion {
    visibility:hidden;
    height: 30vh;
}

/* root UL */
#accordion ul {
    padding:0;
    margin:0;
    list-style:none;
}

/* sub UL */
#accordion ul ul {
    padding:0px 0;
}

/*---------- Indents------*/

/*top-level*/
#accordion .top > a, #accordion .top > div { 
    padding-left:20px;
    padding-top:12px;padding-bottom:12px;
}

/*2nd-level*/
#accordion li li > a, #accordion li li > div {
    padding-left:50px;
    padding-top:12px;padding-bottom:12px;
}

/*3rd-level*/
#accordion li li li > a, #accordion li li li > div { padding-left:50px; }


/*---------- Other styles ------*/

/* headings */
#accordion li > div{
    font-family:'Tutas';
    font-size:16px;
    letter-spacing:1px;
    color:#fff;
}
#accordion .active > div{
    color:#fff;
}

#accordion li {
    font-family:'Tutas';
    font-size:13px;
	padding: 0;
    margin:0;
    overflow:hidden;
	cursor: pointer;
}

/* Add borders to the top LIs */
#accordion .top {
	/*border:1px solid #000;*/
}

/* links */
#accordion a {
    color:#fff;
    font-weight:normal;
    font-size:13px;
    text-decoration:none;
    display:block;
    line-height:1;
    transition:all 0.3s;
}
#accordion a:hover {
    background-color:#6b6b6b;
}
#accordion a.active {
    background-color:#6b6b6b;
    color:white;
}


/* carets */
#accordion .caret {
    color:inherit;
    display:inline-block; /*float:right;*/
    margin-top: 6px;
    margin-right:12px;
    width: 0;
    float:right;
    height: 0;
    overflow:hidden;/*for IE6*/
    border-style:solid;
    border-width:6px; /*caret size is 6px now*/
    position:relative;
    border-bottom:6px solid transparent;
    border-right: none;
    border-left-color:initial;
    border-top-color: transparent;
}

#accordion .caret.active {
    margin-bottom:2px;
    margin-right:6px;
    margin-top:10px;
    border-bottom:none;
    border-right: 6px solid transparent;
    border-left-color: transparent;
    border-top-color:initial;
}

#accordion li {
    -ms-user-select:none;
    -mos-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    user-select:none;
}

#accordion li a > div {
    font-family: 'Tutas';
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
}