:root {
    --kyriosDropdownBackground: rgb(244, 244, 244);
    --kyriosDropdownTextColor: rgb(87, 87, 89);
    --kyriosDropdownSeparatorColor: rgb(204,204,204);
    --kyriosDropdownGold: rgb(181,158,110);
}

#kyriosDropdownMenu  {
    color: var(--kyriosDropdownTextColor)!important;
    min-height: 290px;
}

#kyriosDropdownMenu a {
    text-decoration: none;
    color: var(--kyriosDropdownTextColor)!important;
}

#kyriosDropdownMenu .menuContainer {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    font-family: "Montserrat";
}

#kyriosDropdownMenu .kyriosMenuParentClick {
    background-color: var(--kyriosDropdownBackground);
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-align: center; 
        -ms-flex-align: center; 
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    /* padding: 10px; */
    padding-left: 10px;
    padding-right: 10px;
    height: 50px;
}
#kyriosDropdownMenu  .kyriosColumnDropdownParentTitle {
    float: left;
    font-size: 12px!important;
    width: 90%;
    text-transform: uppercase;
}

#kyriosDropdownMenu  .kyriosColumnDropdownParentIcon {
    float: right;
    text-align: end;
    font-size: 20px;
    width: 10%;
}

#kyriosDropdownMenu  .topParentOpen {
    display: none;
    position: relative;
    background-color: var(--kyriosDropdownBackground);
    /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; */
}

#kyriosDropdownMenu  .topLine {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    text-transform: uppercase;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 10px;
    background-color: var(--kyriosDropdownBackground);
    border-bottom: 1px solid var(--kyriosDropdownSeparatorColor);
}

#kyriosDropdownMenu  .topLineTitle {
    float:left;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: "Montserrat";
}
#kyriosDropdownMenu  .closeTopLine {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    float: right;
    text-align: end;
}

#kyriosDropdownMenu  .childContainer {
    /* display: grid; 
    grid-column-gap: 10px;
    grid-row-gap: 10px; */
    font-family: "Montserrat";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

#kyriosDropdownMenu  .children {
    padding-left: 20px;
    font-size: 15px;
}

#kyriosDropdownMenu  .topParentOpen > .childContainer > .children:first-of-type >.childrenTitle{
    border-top: none;
}
#kyriosDropdownMenu  .topParentOpen > .childContainer > .children > .grandChild{ 
    padding-bottom: 5px;
}
#kyriosDropdownMenu  .topParentOpen > .childContainer > .children >.childrenTitle{
    text-transform: uppercase;
    /* border-top: 1px solid rgba(87, 87, 89, 0.3); */
    padding-top: 5px;
    border-top: 1px solid rgba(196, 196, 197);
    width: 90%;
    display: inline-block;
}


#kyriosDropdownMenu  .childContainer > .children {
    /* padding-top: 10px; */
    margin-top: -1px;
    padding-left: 10px;
    text-transform: uppercase;
}

 .kyriosColumnDropdownQUADMENU > .quadmenu-dropdown-menu  > .quadmenu-row{
    height: -webkit-fit-content!important;
    height: -moz-fit-content!important;
    height: fit-content!important;  
}


@media only screen and (max-width: 765px) {
    #kyriosDropdownMenu .childContainer { 
        -webkit-columns: 1 auto!important; 
           -moz-columns: 1 auto!important; 
                columns: 1 auto!important;
    }
    #kyriosDropdownMenu #menuContainer { 
        -ms-grid-rows: auto!important; 
            grid-template-rows: auto!important;
        -ms-grid-columns: auto!important;
            grid-template-columns: auto!important;
        grid-auto-flow: row!important;
    }    
    #kyriosDropdownMenu  { 
        margin: -15px -30px 0 -30!important;
    }    
}