header {    
    padding: 20px 0;   
    border-bottom: 2px solid #E3E3E3; 
}
header .row {
    max-width: 1325px;
    margin: auto;
    align-items: center;
}
ul#superfish-main {
    justify-content: end;
    display: flex;
}
ul#superfish-main li.active-trail{
    border-bottom: 2px solid #B24ECC;
    font-weight: 600;
}
ul#superfish-main li.active-trail a,
ul#superfish-main li a:hover{
    color: #B24ECC;
}
ul#superfish-main li {
    margin: 0 15px;
}
ul#superfish-main li a{    
    line-height: 29px;
    padding: 0.5em 1.5em;
    color: #5F5E60;
    text-decoration: none;
}
ul#superfish-main li:last-child {
    margin-right: 0px;
}
.navbar-nav{
    flex-direction: row;
}
.main-navigation ul li {
    padding-left: 100px;
}
.mobile-navigation {
    position: fixed;
    left: -100%;
    right: 0;
    top: 78px;
    bottom: 0;
    padding: 0px;
    width: 100% !important;
    height: calc(100vh - 78px);
    z-index: 999;
    background: #fff;
    z-index: 999;
    transition: left 0.3s ease-in-out;
    overflow-y: auto;
}
.mobile-navigation.expanded{
    left: 0 !important;
}
.toggle-expand{
    width: 32px;
    height: 32px;
    font-size: 0px;
    background: url(../images/hamburger.png) no-repeat center;
    font-size: 0;
}
.toggle-expand.expanded{
    background: url(../images/close.png) no-repeat center/contain !important;
}
body.no-scroll{
    overflow: hidden;
}

/*Search*/
.region-main-navigation .block-superfish {
    max-width: max-content;
}
.region-main-navigation {
    display: flex;
    justify-content: end;
    gap: 26px;
    align-items: center;
}
.region-main-navigation form{
    border: 2px solid #000000;
    padding: 10px;
    border-radius: 50%;
    width: 100%;
    transition: width 0.3s ease-in-out;
}
.region-main-navigation form input[type="submit"]{
    padding: 0;
    border: none;
    width: 24px;
    height: 24px;
    background: url(../images/search.webp) no-repeat center/contain;
    font-size: 0px;
}
.region-main-navigation form input[type="search"]{
    border: none;
    width: 0px;
    padding: 0;
    transition: all 0.3s ease-in-out;
}
.region-main-navigation form input[type="search"]:focus{
    box-shadow: none;
}
.region-main-navigation form.expanded{
    border-radius: 50px;
    padding: 10px 20px;
    min-width: 287px;
    max-width: 100%;
}
.region-main-navigation form.expanded .form-type-search,
.region-main-navigation form.expanded .form-type-search input[type="search"]{
    width: 100%;
}

/* ......................header css................. */
.topic-item {
    padding: 10px 15px;
    border-radius: 8px;
}
.topic-basic-rights:hover {
    background: #45D68B1A;
}
.topic-housing:hover {
    background: #8245D61A;
}
.topic-work-and-school:hover {
    background: #F8D71E1A;
}
.topic-family:hover {
    background: #45C7D61A;
}
.topic-driving:hover {
    background: #D742DF1A;
}
.topic-legal-life-skills:hover {
    background: #E995411A;
}
.topic-health-and-sexuality:hover {
    background: #E921211A;
}
.topic-money-stuff:hover {
    background: #bcd6459a;
}
.topic-crime-and-police:hover {
    background: #168FFF1A;
}
/* ...................................active class...................... */
.topic-basic-rights.active,
.path-explore-basic-rights .views-exposed-form {
    background: #45D68B !important;
}
.topic-housing.active {
    background: #8245D6;
    color: #ffffff;
}
.path-explore-housing .views-exposed-form{
    background: #8245D6 !important;
}
.topic-work-and-school.active ,
.path-explore-work-school .views-exposed-form{
    background: #F8D71E !important;
}
.topic-family.active,
.path-explore-family .views-exposed-form {
    background: #45C7D6 !important;
}
.topic-driving.active,
.path-explore-driving .views-exposed-form {
    background: #D742DF !important;
}
.topic-legal-life-skills.active,
.path-explore-legal-life-skills .views-exposed-form {
    background: #E99541 !important;
}
.topic-health-and-sexuality.active {
    background: #E92121;
    color: #ffffff;
}
.path-explore-health-sexuality .views-exposed-form {
    background: #E92121 !important;  
}
.topic-money-stuff.active,
.path-explore-money-stuff .views-exposed-form { 
    background: #bcd645 !important;
}
.topic-crime-and-police.active{
    background: #168FFF;
    color: #ffffff;
}
.path-explore-crime-police .views-exposed-form{
    background: #168FFF !important;
}