:root { --accesible-blue: #0d5c91; --black: #000; --darkestBlack: #1f1e1f; --midBlack: #545454; --lightGray: #eee; --lightestGray: #f8f8f8; } ul { margin: 0; padding: 0; list-style: none; } .select-wrapper--hero, .select-wrapper { position: relative; background: #fff; border: 2px solid var(--lightGray); border-radius: 5px; width: 100%; margin-bottom: 1rem; } .select-wrapper--hero { margin-bottom: 0; width: auto; } .select-wrapper--hero::after, .select-wrapper::after { content: ""; transition: all .3s ease; position: absolute; right: 15px; top: 45%; height: 10px; width: 10px; border-bottom: 1px solid var(--midBlack); border-right: 1px solid var(--midBlack); transform: translateY(-50%) rotate(45deg); z-index: 10; pointer-events: none; } .select-wrapper.open::after { transform: translateY(-50%) rotate(-135deg); top: 55%; } .select-custom { -webkit-appearance: none; display: block; padding: 10px 60px 10px 15px; cursor: pointer; outline: none; background: transparent; width: 100%; color: var(--midBlack); } .sitemap { font-family: "Lato", sans-serif; overflow: hidden; border: none; } .sitemap__hero { background: var(--lightestGray); padding: 3rem 0; margin-bottom: 3rem; } .sitemap__hero__container { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } @media (min-width: 700px) { .sitemap__hero__container { flex-direction: row; justify-content: space-between; align-items: center; } } .sitemap__hero__title { font-size: 2rem; } .sitemap__section { margin-bottom: 2rem; } .sitemap__section-heading { display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid var(--lightGray); margin-bottom: 2rem; padding-bottom: 1rem; } .sitemap__section-heading__icon { height: 2.1rem; width: auto; margin-right: 20px; } .sitemap__section-heading__title { margin: 0; font-size: 1.5rem; } @media (min-width: 700px) { .sitemap__section-heading__title { font-size: 2rem; } } .sitemap__section-heading h2 a { color: var(--black); font-weight: 300; text-decoration: none; text-transform: uppercase; } .sitemap__brand-title { margin: 0; margin-bottom: 1rem; font-weight: 900; text-transform: uppercase; } .sitemap__brand-title a { color: var(--darkestBlack); text-decoration: none; font-size: 20px; } .sitemap__serie { margin-bottom: 1rem; } .sitemap__serie__title { margin: 0; text-transform: capitalize; } .sitemap__serie__title a { color: var(--accesible-blue)  !important; font-weight: 900; text-decoration: none; } .sitemap__subserie a { color: var(--accesible-blue); font-weight: normal; text-decoration: none; font-size: .9rem; } .separator-md, .separator-lg, .separator-only-md { display: none; } .margin-bottom { margin-bottom: 2rem; } .separator { height: 1px; background: var(--lightGray); margin: 2rem 0; } @media (min-width: 700px) { .border-right-md { border-right: 1px solid var(--lightGray); } .separator-md { display: block; } } @media (min-width: 700px) and (max-width: 1200px) { .separator-only-md { display: block; } .border-right-only-md { border-right: 1px solid var(--lightGray); } } @media (min-width: 1200px) { .border-right-lg { border-right: 1px solid var(--lightGray); } } .no-margin-bottom { margin-bottom: 0; } @media (min-width: 1400px) { .container { max-width: 1280px; } } select { border: none; } :root { --accesible-blue: #0d5c91; --black: #000; --darkestBlack: #1f1e1f; --midBlack: #545454; --lightGray: #eee; --lightestGray: #f8f8f8; } ul { margin: 0; padding: 0; list-style: none; } .select-wrapper--hero, .select-wrapper { position: relative; background: #fff; border: 2px solid var(--lightGray); border-radius: 5px; width: 100%; margin-bottom: 1rem; } .select-wrapper--hero { margin-bottom: 0; width: auto; } .select-wrapper--hero::after, .select-wrapper::after { content: ""; transition: all .3s ease; position: absolute; right: 15px; top: 45%; height: 10px; width: 10px; border-bottom: 1px solid var(--midBlack); border-right: 1px solid var(--midBlack); transform: translateY(-50%) rotate(45deg); z-index: 10; } .select-wrapper.open::after { transform: translateY(-50%) rotate(-135deg); top: 55%; } .select-custom { -webkit-appearance: none; display: block; padding: 10px 60px 10px 15px; cursor: pointer; outline: none; background: transparent; width: 100%; color: var(--midBlack); } .sitemap { font-family: "Lato", sans-serif; overflow: hidden; border: none; } .sitemap__hero { background: var(--lightestGray); padding: 3rem 0; margin-bottom: 3rem; } .sitemap__hero__container { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } @media (min-width: 700px) { .sitemap__hero__container { flex-direction: row; justify-content: space-between; align-items: center; } } .sitemap__hero__title { font-size: 2rem; } .sitemap__section { margin-bottom: 2rem; } .sitemap__section-heading { display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid var(--lightGray); margin-bottom: 2rem; padding-bottom: 1rem; } .sitemap__section-heading__icon { height: 2.1rem; width: auto; margin-right: 20px; } .sitemap__section-heading__title { margin: 0; font-size: 1.5rem; } @media (min-width: 700px) { .sitemap__section-heading__title { font-size: 2rem; } } .sitemap__section-heading h2 a { color: var(--black); font-weight: 300; text-decoration: none; } .sitemap__subsection-title { margin-bottom: 1rem; font-weight: 900; text-transform: uppercase; } .sitemap__subsection-title a { color: var(--darkestBlack); text-decoration: none; } .sitemap__subsection-sublist { margin-bottom: 1rem; } .sitemap__subsection-list__heading a { color: var(--accesible-blue)  !important; font-weight: 900; text-decoration: none; } .sitemap__subsection-list__heading.no-sublist { margin-bottom: 1rem; } .sitemap__subsection-sublist a { color: var(--accesible-blue); font-weight: normal; text-decoration: none; font-size: .9rem; } .separator-md, .separator-lg, .separator-only-md { display: none; } .margin-bottom { margin-bottom: 2rem; } .separator { height: 1px; background: var(--lightGray); margin: 2rem 0; } @media (min-width: 700px) { .border-right-md { border-right: 1px solid var(--lightGray); } .separator-md { display: block; } } @media (min-width: 700px) and (max-width: 1200px) { .separator-only-md { display: block; } .border-right-only-md { border-right: 1px solid var(--lightGray); } } @media (min-width: 1200px) { .border-right-lg { border-right: 1px solid var(--lightGray); } } .no-margin-bottom { margin-bottom: 0; } @media (min-width: 1400px) { .container { max-width: 1280px; } } select { border: none; }