/* GLOBAL */ /* Marianne */ @font-face { font-family: "Marianne"; src: url("../fonts/Marianne/Marianne-Light.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Marianne"; src: url("../fonts/Marianne/Marianne-Light_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light_Italic.woff") format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: "Marianne"; src: url("../fonts/Marianne/Marianne-Medium.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium.woff") format("woff"); font-weight: 800; font-style: normal; } @font-face { font-family: "Marianne"; src: url("../fonts/Marianne/Marianne-Medium_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium_Italic.woff") format("woff"); font-weight: 800; font-style: italic; } /* Barlow */ @font-face { font-family: "Barlow"; src: url("../fonts/Barlow/barlow-light.woff2") format("woff2"), url("../fonts/Barlow/barlow_light.woff") format("woff"); font-weight: 300; font-style: normal; } /* SIZES */ a { text-decoration: none; } /* PARTIALS */ .layout-container { width: 100vw; overflow: hidden; } .layout-container header { width: 100vw; background: white; position: fixed; top: 0; left: 0; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); z-index: 99; } .layout-container header div { max-width: 100%; max-height: 7vh; display: flex; flex-wrap: nowrap; justify-content: space-between; } .layout-container header div #block-erabletheme-logorepublique { max-width: 15vw; } .layout-container header div #block-erabletheme-logorepublique a { display: flex; align-items: center; } .layout-container header div #block-erabletheme-logorepublique a img { padding-left: 3vw; height: auto; width: 100%; } .layout-container header div #block-erabletheme-logoerable { max-width: 30vw; } .layout-container header div #block-erabletheme-logoerable a { display: flex; align-items: center; } .layout-container header div #block-erabletheme-logoerable a img { height: auto; width: 100%; padding-top: 3px; padding-bottom: 3px; } .layout-container header div #block-erabletheme-navigationprincipale { display: none; } .layout-container header div #block-erabletheme-socialmedialinks { display: none; } .layout-container header div #block-erabletheme-header #hamburger { width: 4rem; height: 100%; background-color: #00ff80; display: flex; align-items: center; justify-content: center; } .layout-container header div #block-erabletheme-header #hamburger h2 { font-size: 0.8rem; font-family: "Marianne", sans-serif; font-weight: 800; text-align: center; } .layout-container header div #block-erabletheme-header ul { display: none; } .layout-container header div #block-erabletheme-header ul.active { display: block; position: fixed; background-color: #314e41; top: 7vh; left: 0; width: 100vw; z-index: 0; padding: 30px 0; } .layout-container header div #block-erabletheme-header ul.active li { width: 100%; display: flex; justify-content: center; padding: 6px 0; } .layout-container header div #block-erabletheme-header ul.active li a { color: white; font-family: "Marianne", sans-serif; font-weight: 800; padding: 4px 6px; } .layout-container header div #block-erabletheme-header ul.active li a.is-active { background-color: white; color: #314e41; } .layout-container > footer { width: 100vw; background-color: white; z-index: 99; box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.2); margin-top: 50px; padding: 0 3vw; } .layout-container > footer #footer_left div { margin-top: 5px; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; } .layout-container > footer #footer_left div #block-erabletheme-logorep { max-width: 30vw; } .layout-container > footer #footer_left div #block-erabletheme-logorep img { width: 100%; height: auto; } .layout-container > footer #footer_left div #block-erabletheme-logoepau { max-width: 50vw; } .layout-container > footer #footer_left div #block-erabletheme-logoepau img { width: 100%; height: auto; } .layout-container > footer #footer_section { display: flex; width: 100%; justify-content: space-between; align-items: center; margin-top: 10px; margin-bottom: 20px; position: relative; } .layout-container > footer #footer_section #footer_center { padding-left: 2vw; width: 50%; } .layout-container > footer #footer_section #footer_center nav ul { display: flex; justify-content: space-between; } .layout-container > footer #footer_section #footer_center nav ul li a { color: #314e41; font-size: 0.8rem; font-family: "Marianne", sans-serif; font-weight: 800; text-decoration: underline; } .layout-container > footer #footer_section #footer_right { width: 30%; } .layout-container > footer #footer_section #footer_right #block-erabletheme-socialmedialinks-2 ul { display: flex; justify-content: space-between; } .layout-container > footer #footer_section #footer_right #block-erabletheme-socialmedialinks-2 ul li a span { font-weight: lighter; font-size: 1.4rem; width: 2.2rem; height: 2.2rem; padding: 0.4rem; border-radius: 1.1rem; color: white; background-color: #038788; } .layout-container > footer #footer_section #footer_right #block-erabletheme-socialmedialinks-2 ul li a svg.ext { background-color: red; display: none; } /*# sourceMappingURL=styles.css.map */