/*Vertical Menu Paragraph Type*/
.paragraph--type--vertical-menu {
    padding-left: 10px;
}
.paragraph--type--vertical-menu .accordion {
    min-width: 100%;
}
.paragraph--type--vertical-menu .accordion-button {
    padding: 10px 10px 10px 18px;
    line-height: 22px;
}

.paragraph--type--vertical-menu .accortion-body {
    padding: 1rem;
}

.paragraph--type--vertical-menu .accordion-item a.nav-link {
    padding: .5rem 1.25rem .5rem .8rem;
}

.paragraph--type--vertical-menu .accordion-item span {
    padding-left: 15px;
}

.paragraph--type--vertical-menu .navbar {
    display: block !important;
}

.paragraph--type--vertical-menu .nav-link {
    padding: 0;
}

.paragraph--type--vertical-menu .navbar-toggler {
    line-height: 55px;
}

.paragraph--type--vertical-menu .navbar-toggler:focus {
    box-shadow: none;
}

.clearfix::after {
    display: none;
}

.paragraph--type--vertical-menu .navbar {
    padding: 0;
}

.field--name-field-vmenu-title {
    font-family: 'Open Sans',sans-serif;
    font-size: 1.5rem;
    padding-bottom: 10px;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
}

.paragraph--type--vertical-menu .accordion-item .nav-link {
    display: inline-block;
}

.paragraph--type--vertical-menu .accordion-button:not(.collapsed) {
    background-color: unset;
    color: #212529;
}

.nav-link {
    color: #333;
}

.field--name-field-vert-menu-reference a {
    color: #333;
    line-height: 30px;
}
/*
.field--name-field-vert-menu-reference .sub-item:nth-child(even) {
    background-color: #efefef;
}
*/
.field--name-field-vert-menu-reference .accordion-body {
    padding: 1rem 0 1rem 0.8rem;
}

.paragraph--type--vertical-menu .accordion-item .sub-item span {
    padding-left: 8px;
}
/*Fonts*/
.paragraph--type--vertical-menu .accordion-item .accordion-header .fa-solid, 
.paragraph--type--vertical-menu .accordion-item .accordion-header .fa-regular 
 {
    font-size: 20px;
    display: inline-block;
    text-align: center;
    width: 35px;
}
.paragraph--type--vertical-menu .accordion-item > .fa-solid, 
.paragraph--type--vertical-menu .accordion-item > .fa-regular 
 {
    font-size: 20px;
    display: inline-block;
    text-align: center;
    width: 40px;
}

.paragraph--type--vertical-menu .accordion-header .fa-solid:before,
.paragraph--type--vertical-menu .accordion-header .fa-regular:before {
    padding-right: 20px;
    font-size: 20px;
}

/*Media Query*/

@media screen and (max-width: 1250px) and (min-width: 992px) {
    .paragraph--type--vertical-menu .accordion-item a.nav-link,
    .paragraph--type--vertical-menu .accordion-item .accordion-button,
    .field--name-field-vert-menu-reference a {
        font-size: 15px;
    }
    .paragraph--type--vertical-menu .accordion-button {
        padding-right: 3px;
    }
}
@media screen and (max-width: 1200px) and (min-width: 992px) {

    .paragraph--type--vertical-menu .accordion-button {
        padding-left: 13px;
    }
    .paragraph--type--vertical-menu .field--name-field-vmenu-title {
        background: #7a8a93;
        color: white;
        border: none;
        border-radius: 0;
    }
    .paragraph--type--vertical-menu .d-lg-none {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .paragraph--type--vertical-menu .navbar-expand-lg .navbar-collapse {
        display: unset;
        display: block;
    }
    
}

@media screen and (max-width: 1200px) {
    .paragraph--type--vertical-menu {
      padding-left: 0px;
    }
    .paragraph--type--vertical-menu .field--name-field-vmenu-title {
        background: #7a8a93;
        color: white;
        border: none;
        border-radius: 0;
    }
    .field--name-field-vmenu-title {
        text-align: unset;
    }
    .paragraph--type--vertical-menu .field--type-entity-reference {
        margin: 0;
    }
    .field--name-field-vmenu-title {
        padding-bottom: 0px;
        padding: 15px;
    }
    .paragraph--type--vertical-menu .accordion-item > span,
    .paragraph--type--vertical-menu .accordion-button > i,
    .paragraph--type--vertical-menu .accordion-item > .fa-solid, 
    .paragraph--type--vertical-menu .accordion-item > .fa-regular,
    .paragraph--type--vertical-menu .accordion-item .accordion-header .fa-solid, 
    .paragraph--type--vertical-menu .accordion-item .accordion-header .fa-regular {
        display: none;
    }
}