html{
scroll-padding-top: 6.5rem;
overflow: scroll;
}
#block-clew-barrio-cheeseburgermenu{
width: 100%;
top:4.5rem;
background: var(--link);
padding-bottom: 3rem;
}
.cheeseburger-menu__side-menu{
display: none;
}
#block-clew-barrio-cheeseburgermenu *{
font-family: 'OpenSans';
}
main#content .cheeseburger-menu__mainmenu a,
main#content .cheeseburger-menu__mainmenu a span{
color:#000 !important;
font-family: 'OpenSansBold' !important;
padding: 13px 0;
}
main#content .cheeseburger-menu__mainmenu a{
border-bottom: 1px solid #000;
}
main#content .cheeseburger-menu__mainmenu li:last-child a,
main#content .cheeseburger-menu__mainmenu li:last-child .cheeseburger-menu__submenu-trigger,
main#content .cheeseburger-menu__mainmenu li li a,
main#content .cheeseburger-menu__mainmenu li.in-active-trail a,
main#content .cheeseburger-menu__mainmenu li.in-active-trail span.cheeseburger-menu__submenu-trigger,
main#content .cheeseburger-menu__mainmenu .cheeseburger-menu__item--is-expanded a,
main#content .cheeseburger-menu__mainmenu .cheeseburger-menu__item--is-expanded span.cheeseburger-menu__submenu-trigger{
border-bottom: 0;
}
.cheeseburger-menu__main-navigation-area {
height: auto;
padding-bottom: 0;
background: var(--link);
}
span.cheeseburger-menu__submenu-trigger{
border-bottom: 1px solid #000;
}
.block-cheeseburgermenu-container--with-navigation {
padding-left: 15px;
padding-right: 15px;
}
main#content .cheeseburger-menu__mainmenu li li a span,
main#content .cheeseburger-menu__mainmenu li li a{
color: #fff !important;
padding: 5px 0;
font-family: 'OpenSans' !important;
}
.cheeseburger-menu__item--is-expanded ul {
background-color: transparent;
padding-left: 0 !important;
}
.cheeseburger-menu__submenu li.in-active-trail span{
background: url(/themes/custom/clew_barrio/images/arrow-right-white.png) no-repeat;
padding-left: 30px !important;
background-size: 23px;
background-position: 0 10px;
}
#clewSecondaryMenuMobile ul,
#clewSecondaryMenuMobile li{
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
}
#clewSecondaryMenuMobile li{
padding: 8px 0;
}
#clewSecondaryMenuMobile li a{
color:#fff !important;
}
#clewSecondaryMenuMobile .donate a {
background: url(/themes/custom/clew_barrio/icons/uEBA3-credit-card-heart-paragraph.svg) no-repeat;
background-size: .9375rem;
padding-left: 1.4375rem;
background-position: 0 .35rem;
}
.cheeseburger-menu__backdrop--active {
background-color: transparent;
}
#block-clew-barrio-cheeseburgermenutrigger{

}
.block-cheeseburgermenu__trigger-element {
background: transparent;
}
#block-clew-barrio-cheeseburgermenutrigger:hover {
cursor: pointer;
}
.block-cheeseburgermenu__trigger-element span {
width: 2rem;
background: #000 !important;
}
.block-cheeseburgermenu__trigger-element span:nth-of-type(2) {
top: 21px;
}
.block-cheeseburgermenu__trigger-element span:nth-of-type(3) {
top: 30px;
}
.block-cheeseburgermenu__trigger-element span {
height: 3px;
}
.cheeseburger-menu__mainmenu .dropdown::after, 
.cheeseburger-menu__mainmenu .dropdown::before {
height: 18px;
}
.cheeseburger-menu__mainmenu .dropdown::after {
left: -9px;
}
.cheeseburger-menu__item--is-expanded > .cheeseburger-menu__submenu-trigger .dropdown::before {
left: 5px !important;
height: 18px !important;
}
.cheeseburger-menu__item--is-expanded > .cheeseburger-menu__submenu-trigger .dropdown::after {
height: 17px !important;
left: -8px !important;
}









#landingPageImages #clewFrontStage h1 {
font-size: 2.8125rem;
margin: 0 1rem 50px 1rem;
width: 95%;
}
#landingPageImages #clewFrontStage #aboutLink {
margin: 0 auto 65px 1rem;
}
#clewFfrontCTA {
display: block;
margin: 0 auto 5rem auto;
width: 86%;
}
.clewFfrontCTACol {
margin-bottom: 1rem;
width: auto;
}
.path-frontpage .node-random-image {
height: 1030px !important;
}
.paragraph--type--country .countryParagraph {
display: block;
}
.node--type-landing-page .paragraph, .webform-submission-get-support-form {
  width: 100%;
}
.paragraph--type--country .countryParagraph img{
max-width: 100%;
margin-bottom: 2rem;
}
#frontpageViews {
display: block;
margin: 0 0 2rem 0;
padding: 0 1rem;
}
#frontpageViews .frontpageViews {
padding: 5rem 23px 36px 20px;
}
.frontpageViewsEvents,
.frontpageViewsBlog {
background-position: 21px 15px;
}
.newsletterCTAParagraph {
width: 90%;
}
.serviceLinks{
margin: 0 !important;
padding: 0 1rem !important;
}
.serviceLinks ul{
flex-wrap: wrap;
}
.serviceLinks ul li{
width: 50%;
margin-bottom: 2rem;
}
main#content .serviceLinks ul li:nth-child(2) a {
border-right: 0;
}
.paragraph--type--donation-teaser {
padding: 20px 0 20px 25px;
}
.paragraph--type--donation-teaser .donationParagraph {
width: 95%;
}
.path-frontpage .paragraph--type--donation-teaser {
background-size: auto 72px;
background-position: bottom 13px right 31px;
}
#frontpageViewNewsContent {
width: 100%;
margin-top: 3rem;
}

.landingPageContent .field--name-field-referenced-content {
display: block;
}
.landingPageContent .field--name-field-referenced-content .teaserBoxLayout23,
.landingPageContent .field--name-field-referenced-content .teaserBoxLayout13{
width: 100%;
}
.teaserBoxParagraphTitle .iconText {
padding-left: 4.5rem;
}
























.node--type-landing-page #main-wrapper {
padding-top: 4rem;
}
main#content {
padding-right: 0;
border-right: 0;
}
#main {
margin-left: 0;
margin-right: 0;
padding-left: 1rem;
padding-right: 1rem;
}
.container, .container-sm, {
max-width: none;
}
#clewHeaderLeft .clewSlogan p {
font-size: .75rem !important;
}
#clewHeaderLeft .clewSlogan {
width: 8rem !important;
}
#clewSecondaryMenu a,
#navbar-main,
#main .clewSlogan::after{
display: none;
}
#header {
padding: .75rem 0px;
}
#clewSecondaryMenu .search a{
display: block;
width: 2.5rem;
height: 2.5rem;
margin-left: 0;
background-color: transparent;
background-size: 1.75rem;
margin-top: 0;
margin-right: 0rem;
}
#clewHeaderLeft .clewSlogan {
width: 7.5rem;
}
#clewLogo img {
width: 38%;
height: auto;
margin-top: 0;
margin-bottom: 0;
} 
#clewHeaderLeft {
align-items: center;
}
#clewHeaderLeft .clewSlogan p {
margin-top: 0;
}
#clewHeaderRightInner {
flex-direction: row;
}
#header {
height: auto;
}
#clewHeader{
margin-top: 0;
align-items: center;
}
#clewSecondaryMenu ul {
margin: 0;
}
#clewHeaderLRight {
padding-top: 0;
}
#main .clewSlogan{
margin-top: 2rem;
}


#main-wrapper {
padding-top: 7rem;
}
#main .clewSlogan p {
font-size: 1.25rem;
padding-top: 1rem;
}
#main .clewSlogan{
position: relative;
}
#main .clewSlogan::before{
position: absolute;
width: 175px;
height: 4px;
left: 0;
right: 0;
top: 0;
margin: 0 auto;
}
#main > div{
flex-direction: column;
}
#sidebar_second {
width: 100%;
margin-top: 3rem;
}
.clewTabs {
display: flex;
}
main#content #landingPageHeader h1.title {
display: block;
}

h1.title .headerIcon[data-icon="0A"],
h1.title .headerIcon[data-icon="0B"],
h1.title .headerIcon[data-icon="0C"],
h1.title .headerIcon[data-icon="0D"],
h1.title .headerIcon[data-icon="0E"],
h1.title .headerIcon[data-icon="0F"],
h1.title .headerIcon[data-icon="0G"],
h1.title .headerIcon[data-icon="0H"],
h1.title .headerIcon[data-icon="0J"],
h1.title .headerIcon[data-icon="0K"],
h1.title .headerIcon[data-icon="0L"],
h1.title .headerIcon[data-icon="0M"],
h1.title .headerIcon[data-icon="0N"],
h1.title .headerIcon[data-icon="0P"]{
background-size: 4.75rem !important;
background-position: center !important;
width: 100%;
}
main#content #landingPageHeader h1.title {
font-size: 1.875rem;
line-height: 2.5rem;
}
#landingPageHeader p {
font-size: 1em;
margin-top: 1rem;
line-height: 1.375em;
}
#landingPageHeader {
padding: 2rem 0 2.75rem 0;
margin-bottom: 2.625rem;
}
.views-view-responsive-grid--horizontal {
grid-template-columns: 1fr 1fr;
}
.views-exposed-form .d-flex.flex-wrap{
flex-direction: column;
}
form .form-actions {
align-self: flex-start;
}
.paragraph--type--more-box, .paragraphs-item-more-box .field-items {
grid-template-columns: 1fr 1fr;
}
.paragraph--type--regular-reference .regularReferenceParagraph.layout23 {
width: 100%;
}
#views-bootstrap-mapping-the-network-attachment-1 .memberCol {
display: block;
padding: 20px 30px;
width: 100%;
}
.view-mapping-the-network .attachment .views-field-field-member-type {
padding-left: 0;
}
#views-bootstrap-mapping-the-network-attachment-1 .memberCol .views-field{
margin-bottom: .3rem;
display: block;
}
.view-mapping-the-network .attachment .views-field-field-image {
padding: 0 23px 0 0px;
}
.view-mapping-the-network .row{
display: block;
}
.view-mapping-the-network .view-filters, 
.view-mapping-the-network .view-header, 
.view-mapping-the-network .attachment {
width: 100%;
}
.page-view-mapping-the-network #main-wrapper {
padding-top: 4rem;
}
main#content #mapLink {
top: 25rem;
}
.page-view-mapping-the-network #main {
padding-left: 11px;
}
.clewNewsView .view-content.row{
margin: 0;
}
.node--type-dossier #main-wrapper {
padding-top: 4.75rem;
}
#clewDossierHeader {
width: auto;
padding: 0 1rem;
text-align: left;
}
.clewDossierAuthor {
justify-content: flex-start;
}
#clewDossierReferencesTabs {
  flex-direction: column;
}
#clewDossierReferences #clewDossierReferencesTabs li{
width: auto !important;
text-align: left !important;
margin-left: 1rem;
}
#clewDossierReferences #clewDossierReferencesTabs li a {
padding: 4px 0px 0px;
display: block;
text-align: left;
line-height: 2rem;
background-position: right 6px;
}
#clewDossierContent,
#clewDossierReferencesBody .paragraphs-item-text-only, 
#clewDossierReferencesBody .paragraph--type--text-and-image,
.node--type-dossier .clewAbbinder {
width: 100%;
}
#tocid {
width: auto;
margin: 0 1rem;
}

main#content #mapLink{
top: -39rem;
left: 1rem;
}