#header{
position: fixed;
width: 100%;
box-shadow: 0 2px 20px 0 rgba(0,0,0,0.17);
background: #fff; 
height:8.75rem;
z-index: 99;
}
#header a:hover{
color:var(--link);
}
#main-wrapper{
padding-top: 12rem;
}
#main {
position: relative;
}
#clewHeaderLeft,
#clewHeader,
#clewSecondaryMenu ul,
#clewHeaderRightInner{
display: flex;
}
#clewHeader{
justify-content: space-between;
padding-left: 0;
padding-right: 0;
}
#clewHeader li{
list-style: none;
list-style-type: none;
margin: 0;
}
#clewHeaderLRight{
padding-top: 1.5rem;
}
#clewHeaderRightInner{
flex-direction: column-reverse;
}
#clewSecondaryMenu ul{
justify-content: end;
/*margin: 0 0 2.3125rem 0;*/
margin: 0 0 1.125rem 0;
}

#clewLogo img{
/*width: 72%;*/
width: 61%;
height: auto;
margin: 1.6875rem 0 1.875rem 0;
transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
}
#clewHeaderLeft{
align-items: center;
}
#clewHeaderLeft .clewSlogan{
width: 14rem;
}
#clewHeaderLeft .clewSlogan a{
color: var(--darkgrey);
text-decoration: none;
}
#clewHeaderLeft .clewSlogan p{
margin: 0;
}
#clewSecondaryMenu *,
.clewSlogan,
.site-footer *,
#sidebar_second{
font-family: "OpenSans";
}
#clewHeaderLeft .clewSlogan p{
font-family: "OpenSansBold";
font-size: 1.3125rem;
line-height: 130%;
margin-top: -.5rem;
}
#navbar-main{
justify-content: flex-end;
}
#navbar-main a{
font-family: "OpenSansBold";
color: var(--darkgrey);
padding: 0 0 0 1.75rem;
font-size: 1.25rem;
}
#navbar-main .dropdown-menu {
position: absolute;
top: 100%;
margin: 0;
padding: 2rem 1.5rem;
box-shadow: 0 2px 20px 0 rgba(0,0,0,0.17);
border-width: 0;
border-radius: 0 0 20px 20px;
background-color: #FFFFFF;
min-width: 15rem;
}
#navbar-main .dropdown-menu a{
font-family: "OpenSans";
display: block;
font-size: 1.125em;
line-height: 1.55;
padding: 0;
transition: all 0.3s ease-in-out;
font-weight: 600;
letter-spacing: 0;
text-decoration: none;
padding-bottom: .75rem;
}
#navbar-main .dropdown-menu a:hover,
#navbar-main .dropdown-menu li.active a.active{
background: url(/themes/custom/clew_barrio/icons/uEBA2-arrow-with-line.svg) transparent no-repeat;
background-size: auto 1.125rem;
background-position: 0 .3125rem;
padding-left: 29px;
transition: all 0.2s ease-in-out;
}
#navbar-main .dropdown-item.active a{
color:var(--link);
}
#navbar-main .dropdown-item.active, 
#navbar-main .dropdown-item:active{
background: transparent;
}
.dropdown-item:focus, .dropdown-item:hover{
background-color: transparent;
}
#navbar-main a:after{
display: none;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}

#clewSecondaryMenu a{
color: var(--darkgrey);
padding-left: 2rem;	
text-decoration: none;
font-size:.9375rem;
}
#clewSecondaryMenu li:first-child a{
padding-left: 0;	
}
#clewSecondaryMenu .donate a{
background: url(/themes/custom/clew_barrio/icons/uEBA3-credit-card-heart.svg) no-repeat;
background-size: .9375rem;
padding-left: 1.4375rem;
background-position: .1875rem .3125rem;
margin-left: 10px;
margin-left: 1.6875rem;
}
#clewSecondaryMenu .donate a:hover{
background: url(/themes/custom/clew_barrio/icons/uEBA3-credit-card-heart-blue.svg) no-repeat;
background-size: .9375rem;
background-position: .1875rem .3125rem;
}
#clewSecondaryMenu .search a{
border-radius: 1.25rem;
text-indent: -200000px;
display: block;
width: 2.5rem;
height: 2rem;
margin-left: 1.625rem;
background: url(/themes/custom/clew_barrio/icons/uEA1C-search.svg) no-repeat #EEEFF2 .5rem .3125rem;
background-size: auto;
background-size: 1.375rem;
margin-top: -.1875rem;
}
#clewSecondaryMenu .search a:hover{
background: url(/themes/custom/clew_barrio/icons/uEA1C-search-blue.svg) no-repeat #EEEFF2 .5rem .3125rem;
background-size: 1.375rem;
}