2902 lines
78 KiB
CSS
Executable File
2902 lines
78 KiB
CSS
Executable File
@charset "UTF-8";
|
|
*, *:before, *:after {
|
|
box-sizing: border-box; }
|
|
|
|
html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 100%;
|
|
font: inherit;
|
|
vertical-align: baseline;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-size-adjust: none; }
|
|
|
|
footer, header, nav, section, main {
|
|
display: block; }
|
|
|
|
body {
|
|
line-height: 1; }
|
|
|
|
ol, ul {
|
|
list-style: none; }
|
|
|
|
blockquote, q {
|
|
quotes: none; }
|
|
|
|
blockquote:before, blockquote:after, q:before, q:after {
|
|
content: '';
|
|
content: none; }
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0; }
|
|
|
|
input {
|
|
-webkit-appearance: none;
|
|
border-radius: 0; }
|
|
|
|
#wpadminbar {
|
|
position: fixed !important; }
|
|
|
|
@font-face {
|
|
font-family: 'Gelasio';
|
|
src: url("../assets/fonts/Gelasio-Regular.woff2") format("woff2");
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
@font-face {
|
|
font-family: 'NewsCycle';
|
|
src: url("../assets/fonts/NewsCycle-Regular.woff2") format("woff2");
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
body {
|
|
font-family: "NewsCycle", sans-serif; }
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: "Gelasio", serif; }
|
|
|
|
a,
|
|
a:active {
|
|
color: #1a1a1a;
|
|
transition: color 0.2s ease-out; }
|
|
|
|
a:hover {
|
|
color: #3e3e3e; }
|
|
|
|
p {
|
|
line-height: 1.2; }
|
|
|
|
.link-button {
|
|
display: inline-flex;
|
|
background-color: #eeeeee;
|
|
color: #1a1a1a;
|
|
padding: 0.6rem 0.7rem;
|
|
font-size: 0.9rem;
|
|
transition: background-color 0.3s ease-out;
|
|
text-decoration: none;
|
|
justify-content: center;
|
|
align-items: center;
|
|
word-break: break-all;
|
|
max-width: 100%; }
|
|
.link-button > i {
|
|
margin-right: 0.6rem; }
|
|
.link-button:hover {
|
|
background-color: #cccccc; }
|
|
@media (min-width: 768px) {
|
|
.link-button {
|
|
font-size: unset;
|
|
padding: 0.6rem 1rem; } }
|
|
.link-button--wrap-word {
|
|
word-break: normal;
|
|
overflow-wrap: break-word; }
|
|
|
|
body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100vh;
|
|
background-color: #eeeeee; }
|
|
|
|
main {
|
|
width: 100vw;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center; }
|
|
@media (min-width: 768px) {
|
|
main {
|
|
margin-top: 12vh; } }
|
|
|
|
.container {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: start;
|
|
flex-direction: column;
|
|
position: relative;
|
|
z-index: 1;
|
|
padding: 4vh 5vw;
|
|
max-width: 1640px;
|
|
width: 100vw; }
|
|
|
|
.full-block {
|
|
width: 100%;
|
|
background-color: white;
|
|
padding: 2.5vh 5vw;
|
|
position: relative;
|
|
padding-bottom: 6vh; }
|
|
@media (min-width: 768px) {
|
|
.full-block {
|
|
padding: 3vh 3vw;
|
|
padding-bottom: 8vh; } }
|
|
.full-block::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 30px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, transparent 50%, #f7ff29 100%);
|
|
z-index: 2;
|
|
pointer-events: none; }
|
|
|
|
body >
|
|
header {
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
justify-content: space-between;
|
|
transition: height 0.3s ease-out;
|
|
background-color: white;
|
|
width: 100%;
|
|
position: relative;
|
|
z-index: 5; }
|
|
@media (min-width: 768px) {
|
|
body >
|
|
header {
|
|
position: fixed;
|
|
height: 12vh;
|
|
min-height: 100px;
|
|
max-height: 130px;
|
|
flex-direction: row; } }
|
|
|
|
.header-left {
|
|
display: flex;
|
|
height: 6rem;
|
|
margin-top: 3rem; }
|
|
@media (min-width: 768px) {
|
|
.header-left {
|
|
margin-top: unset;
|
|
height: 100%; } }
|
|
|
|
.main-logo-container {
|
|
display: inline-block;
|
|
background-color: #eeeeee;
|
|
height: 100%; }
|
|
@media (min-width: 768px) {
|
|
.main-logo-container {
|
|
flex-direction: row; } }
|
|
|
|
.main-logo {
|
|
display: inline-block;
|
|
padding: 0.3rem 0.6rem;
|
|
height: 100%;
|
|
background: linear-gradient(to bottom, #eeeeee 60%, #f7ff29 100%);
|
|
background-position: bottom 0px left 0px;
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
transition: background 0.3s ease-out, padding 0.2s ease-out; }
|
|
.main-logo:hover {
|
|
background-position: bottom -10px left 0px; }
|
|
@media (min-width: 768px) {
|
|
.main-logo {
|
|
padding: 1.5rem 2rem; } }
|
|
.main-logo > img,
|
|
.main-logo > a > img {
|
|
height: 100%;
|
|
transform: scale(1);
|
|
transition: transform 0.2s ease-out; }
|
|
.main-logo:hover > img, .main-logo:hover > a > img {
|
|
transform: scale(1.05); }
|
|
|
|
.description {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: start;
|
|
justify-content: center;
|
|
gap: 0.3rem;
|
|
margin-left: 1.2rem;
|
|
opacity: 1;
|
|
transition: opacity 0.2s ease-out; }
|
|
.description > div:first-of-type {
|
|
text-transform: uppercase;
|
|
font-size: 0.8rem;
|
|
background-color: #eeeeee;
|
|
padding: 0.2rem; }
|
|
.description > div:last-of-type {
|
|
font-size: 0.8rem; }
|
|
.description > div:last-of-type > sup {
|
|
font-size: 0.6rem;
|
|
vertical-align: super; }
|
|
|
|
.header-right {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 2rem;
|
|
justify-content: space-between;
|
|
position: fixed;
|
|
width: 100%;
|
|
background-color: white;
|
|
height: 3rem; }
|
|
@media (min-width: 768px) {
|
|
.header-right {
|
|
padding-left: unset;
|
|
height: unset;
|
|
position: relative;
|
|
width: unset; } }
|
|
.header-right.scrolled .secondary-logo-container {
|
|
max-width: 40vw; }
|
|
.header-right.scrolled .secondary-logo-container .main-logo:hover {
|
|
background-position: unset; }
|
|
.header-right.scrolled .secondary-logo-container .main-logo:hover img {
|
|
transform: unset; }
|
|
|
|
.secondary-logo-container {
|
|
height: 100%;
|
|
max-width: 0;
|
|
overflow: hidden;
|
|
transition: max-width 0.6s ease-out; }
|
|
@media (min-width: 768px) {
|
|
.secondary-logo-container {
|
|
display: none; } }
|
|
|
|
.lang-switch {
|
|
text-transform: uppercase;
|
|
font-size: 0.8rem;
|
|
transition: font-size 0.2s ease-out; }
|
|
.lang-switch > ul {
|
|
display: flex;
|
|
gap: 1rem; }
|
|
.lang-switch > ul > li:not(.active) > a {
|
|
text-decoration: none; }
|
|
|
|
.search-button {
|
|
margin-left: auto; }
|
|
.search-button > div {
|
|
background-color: #eeeeee;
|
|
padding: 0.5rem;
|
|
border-radius: 5rem;
|
|
min-width: 2rem;
|
|
aspect-ratio: 1 / 1;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
transition: background-color 0.3s ease-out;
|
|
cursor: pointer; }
|
|
.search-button > div:hover {
|
|
background-color: #cccccc; }
|
|
|
|
.menu-toggle {
|
|
display: inline-block;
|
|
background-color: #eeeeee;
|
|
width: fit-content;
|
|
height: 100%; }
|
|
.menu-toggle > div {
|
|
height: 100%;
|
|
display: flex;
|
|
padding: 0.5rem;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 0.3rem;
|
|
background: linear-gradient(to bottom, #eeeeee 60%, #f7ff29 100%);
|
|
background-position: bottom 0px left 0px;
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
transition: background 0.3s ease-out, padding 0.2s ease-out; }
|
|
.menu-toggle > div:hover {
|
|
background-position: bottom -10px left 0px; }
|
|
@media (min-width: 768px) {
|
|
.menu-toggle > div {
|
|
gap: unset;
|
|
padding: 2rem; } }
|
|
.menu-toggle > div > div {
|
|
font-size: 1rem;
|
|
transform: scale(1);
|
|
transition: transform 0.2s ease-out, font-size 0.2s ease-out; }
|
|
@media (min-width: 768px) {
|
|
.menu-toggle > div > div {
|
|
font-size: 2rem; } }
|
|
.menu-toggle > div > p {
|
|
font-family: NewsCycle;
|
|
text-transform: uppercase;
|
|
transform: scale(1);
|
|
font-size: 0.8rem;
|
|
transition: transform 0.2s ease-out, font-size 0.2s ease-out; }
|
|
@media (min-width: 768px) {
|
|
.menu-toggle > div > p {
|
|
font-size: 1rem; } }
|
|
.menu-toggle:hover > div > div, .menu-toggle:hover > div > p {
|
|
transform: scale(0.9); }
|
|
|
|
.search-panel {
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100%;
|
|
background-color: white;
|
|
z-index: 4;
|
|
border-top: 2px solid #eeeeee;
|
|
transition: top 0.4s ease-out, opacity 0.2s ease-out;
|
|
opacity: 0;
|
|
pointer-events: none; }
|
|
@media (min-width: 768px) {
|
|
.search-panel {
|
|
position: fixed;
|
|
width: 33.333%; } }
|
|
.search-panel.active {
|
|
opacity: 1;
|
|
pointer-events: all; }
|
|
.search-panel__inner {
|
|
padding: 2rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem; }
|
|
.search-panel__title {
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 1.1rem;
|
|
text-transform: uppercase;
|
|
display: inline-block;
|
|
align-self: start;
|
|
position: relative;
|
|
line-height: 1.6; }
|
|
.search-panel__title::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 30px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, transparent 50%, #f7ff29 100%);
|
|
z-index: 2;
|
|
pointer-events: none;
|
|
bottom: -10px; }
|
|
.search-panel__desc {
|
|
font-family: "NewsCycle", sans-serif;
|
|
color: #3e3e3e; }
|
|
.search-panel__input-wrap {
|
|
position: relative; }
|
|
.search-panel__icon-btn {
|
|
position: absolute;
|
|
right: 0.8rem;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
color: #3e3e3e;
|
|
background: none;
|
|
border: none;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
line-height: 1; }
|
|
.search-panel__icon-btn:hover {
|
|
color: #1a1a1a; }
|
|
.search-panel__input {
|
|
width: 100%;
|
|
border: none;
|
|
padding: 0.6rem 2.5rem 0.6rem 0.8rem;
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.85rem;
|
|
outline: none;
|
|
background-color: #eeeeee; }
|
|
.search-panel__input::placeholder {
|
|
color: #3e3e3e;
|
|
text-transform: uppercase; }
|
|
.search-panel__input:focus {
|
|
border-color: #cccccc; }
|
|
.search-panel__submit {
|
|
display: block;
|
|
margin-left: auto;
|
|
background-color: #eeeeee;
|
|
padding: 0.5rem 1rem;
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.85rem;
|
|
text-transform: uppercase;
|
|
cursor: pointer;
|
|
margin-top: 1rem;
|
|
border: none; }
|
|
.search-panel__submit:hover {
|
|
background-color: #cccccc; }
|
|
|
|
.overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #cccccc;
|
|
opacity: 0;
|
|
z-index: 3;
|
|
pointer-events: none;
|
|
transition: opacity 0.3s ease-out; }
|
|
.overlay.active {
|
|
opacity: 0.6;
|
|
pointer-events: all; }
|
|
|
|
.main-menu {
|
|
overflow-y: scroll;
|
|
left: 0;
|
|
width: 100%;
|
|
background-color: white;
|
|
z-index: 4;
|
|
padding-bottom: 4vh;
|
|
transition: top 0.4s ease-out, opacity 0.2s ease-out;
|
|
border-top: 2px solid #eeeeee;
|
|
position: absolute;
|
|
opacity: 0; }
|
|
@media (min-width: 768px) {
|
|
.main-menu {
|
|
overflow-y: unset;
|
|
position: fixed; } }
|
|
.main-menu::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 30px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, transparent 50%, #f7ff29 100%);
|
|
z-index: 2;
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
transition: opacity 0.2s ease-out 0.3s; }
|
|
@media (min-width: 768px) {
|
|
.main-menu::after {
|
|
opacity: 1; } }
|
|
.main-menu.active {
|
|
opacity: 1; }
|
|
.main-menu.active::after {
|
|
position: fixed;
|
|
opacity: 1; }
|
|
@media (min-width: 768px) {
|
|
.main-menu.active::after {
|
|
position: absolute; } }
|
|
|
|
.menu-navigation-container > ul,
|
|
.menu-navigation-en-container > ul {
|
|
display: grid;
|
|
gap: 3rem;
|
|
padding: 2rem 1.5rem;
|
|
max-width: 1400px;
|
|
margin: 0 auto; }
|
|
@media (min-width: 768px) {
|
|
.menu-navigation-container > ul,
|
|
.menu-navigation-en-container > ul {
|
|
padding: 3rem 4rem;
|
|
grid-template-columns: repeat(3, auto); } }
|
|
@media (min-width: 1024px) {
|
|
.menu-navigation-container > ul,
|
|
.menu-navigation-en-container > ul {
|
|
grid-template-columns: repeat(5, auto); } }
|
|
.menu-navigation-container > ul > li,
|
|
.menu-navigation-en-container > ul > li {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.8rem;
|
|
align-items: start; }
|
|
.menu-navigation-container > ul > li > a,
|
|
.menu-navigation-en-container > ul > li > a {
|
|
text-transform: uppercase;
|
|
text-decoration: none;
|
|
position: relative;
|
|
padding-bottom: 0.8rem;
|
|
margin-bottom: 0.5rem; }
|
|
.menu-navigation-container > ul > li > a::after,
|
|
.menu-navigation-en-container > ul > li > a::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 8px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 2; }
|
|
.menu-navigation-container > ul > li:nth-of-type(1) a:hover,
|
|
.menu-navigation-en-container > ul > li:nth-of-type(1) a:hover {
|
|
color: #e0775d; }
|
|
.menu-navigation-container > ul > li:nth-of-type(1) > a::after,
|
|
.menu-navigation-en-container > ul > li:nth-of-type(1) > a::after {
|
|
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #e0775d 100%); }
|
|
.menu-navigation-container > ul > li:nth-of-type(1) > ul.sub-menu > li:first-of-type,
|
|
.menu-navigation-en-container > ul > li:nth-of-type(1) > ul.sub-menu > li:first-of-type {
|
|
border-bottom: 1px solid #e0775d;
|
|
padding-bottom: 0.8rem; }
|
|
.menu-navigation-container > ul > li:nth-of-type(2) a:hover,
|
|
.menu-navigation-en-container > ul > li:nth-of-type(2) a:hover {
|
|
color: #7cc0c6; }
|
|
.menu-navigation-container > ul > li:nth-of-type(2) > a::after,
|
|
.menu-navigation-en-container > ul > li:nth-of-type(2) > a::after {
|
|
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #7cc0c6 100%); }
|
|
.menu-navigation-container > ul > li:nth-of-type(2) > ul.sub-menu > li:first-of-type,
|
|
.menu-navigation-en-container > ul > li:nth-of-type(2) > ul.sub-menu > li:first-of-type {
|
|
border-bottom: 1px solid #7cc0c6;
|
|
padding-bottom: 0.8rem; }
|
|
.menu-navigation-container > ul > li:nth-of-type(3) a:hover,
|
|
.menu-navigation-en-container > ul > li:nth-of-type(3) a:hover {
|
|
color: #46ae51; }
|
|
.menu-navigation-container > ul > li:nth-of-type(3) > a::after,
|
|
.menu-navigation-en-container > ul > li:nth-of-type(3) > a::after {
|
|
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #46ae51 100%); }
|
|
.menu-navigation-container > ul > li:nth-of-type(3) > ul.sub-menu > li:first-of-type,
|
|
.menu-navigation-en-container > ul > li:nth-of-type(3) > ul.sub-menu > li:first-of-type {
|
|
border-bottom: 1px solid #46ae51;
|
|
padding-bottom: 0.8rem; }
|
|
.menu-navigation-container > ul > li:nth-of-type(4) a:hover,
|
|
.menu-navigation-en-container > ul > li:nth-of-type(4) a:hover {
|
|
color: #e05680; }
|
|
.menu-navigation-container > ul > li:nth-of-type(4) > a::after,
|
|
.menu-navigation-en-container > ul > li:nth-of-type(4) > a::after {
|
|
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #e05680 100%); }
|
|
.menu-navigation-container > ul > li:nth-of-type(4) > ul.sub-menu > li:first-of-type,
|
|
.menu-navigation-en-container > ul > li:nth-of-type(4) > ul.sub-menu > li:first-of-type {
|
|
border-bottom: 1px solid #e05680;
|
|
padding-bottom: 0.8rem; }
|
|
.menu-navigation-container > ul > li:nth-of-type(5) a:hover,
|
|
.menu-navigation-en-container > ul > li:nth-of-type(5) a:hover {
|
|
color: #bb8dd9; }
|
|
.menu-navigation-container > ul > li:nth-of-type(5) > a::after,
|
|
.menu-navigation-en-container > ul > li:nth-of-type(5) > a::after {
|
|
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #bb8dd9 100%); }
|
|
.menu-navigation-container > ul > li:nth-of-type(5) > ul.sub-menu > li:first-of-type,
|
|
.menu-navigation-en-container > ul > li:nth-of-type(5) > ul.sub-menu > li:first-of-type {
|
|
border-bottom: 1px solid #bb8dd9;
|
|
padding-bottom: 0.8rem; }
|
|
.menu-navigation-container > ul > li > ul.sub-menu,
|
|
.menu-navigation-en-container > ul > li > ul.sub-menu {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.8rem; }
|
|
.menu-navigation-container > ul > li > ul.sub-menu > li > a,
|
|
.menu-navigation-en-container > ul > li > ul.sub-menu > li > a {
|
|
text-decoration: none; }
|
|
|
|
.nav-axes-item .nav-axes-trigger {
|
|
background: none;
|
|
border: none;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: inherit;
|
|
color: inherit;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.3rem; }
|
|
.nav-axes-item .nav-axes-trigger i {
|
|
transition: transform 0.2s ease; }
|
|
.nav-axes-item.is-open .nav-axes-trigger i {
|
|
transform: rotate(180deg); }
|
|
.nav-axes-item .nav-axes-list {
|
|
display: none;
|
|
flex-direction: column;
|
|
gap: 0.8rem;
|
|
padding-top: 0.8rem; }
|
|
.nav-axes-item .nav-axes-list li a {
|
|
font-size: 0.8rem;
|
|
padding-left: 0.5rem;
|
|
text-decoration: none; }
|
|
.nav-axes-item.is-open .nav-axes-list {
|
|
display: flex; }
|
|
|
|
.menu-navigation-container > ul > li:nth-of-type(1) .nav-axes-trigger:hover,
|
|
.menu-navigation-en-container > ul > li:nth-of-type(1) .nav-axes-trigger:hover {
|
|
color: #e0775d; }
|
|
|
|
footer {
|
|
background-color: white;
|
|
width: 100%;
|
|
padding: 1rem 2rem;
|
|
margin-top: auto; }
|
|
|
|
.footer-content {
|
|
margin: 0 auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 2rem; }
|
|
@media (min-width: 768px) {
|
|
.footer-content {
|
|
gap: unset;
|
|
flex-direction: row; } }
|
|
|
|
.footer-nav ul#menu-footer,
|
|
.footer-nav ul#menu-footer-en {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 0.5rem 2rem; }
|
|
@media (min-width: 768px) {
|
|
.footer-nav ul#menu-footer,
|
|
.footer-nav ul#menu-footer-en {
|
|
justify-content: start; } }
|
|
.footer-nav ul#menu-footer li a,
|
|
.footer-nav ul#menu-footer-en li a {
|
|
text-transform: uppercase;
|
|
font-size: 0.75rem; }
|
|
|
|
.footer-logos {
|
|
display: inline-flex;
|
|
height: 3rem;
|
|
gap: 1rem;
|
|
padding: 0.5rem;
|
|
align-items: start; }
|
|
.footer-logos > a {
|
|
height: 100%; }
|
|
.footer-logos > a > img {
|
|
height: 100%; }
|
|
|
|
.hero-header {
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
position: relative; }
|
|
@media (min-width: 768px) {
|
|
.hero-header {
|
|
flex-direction: row; } }
|
|
|
|
.hero-logos {
|
|
position: absolute;
|
|
top: 2.5vh;
|
|
display: inline-flex;
|
|
height: 3rem;
|
|
gap: 1rem;
|
|
padding: 0.5rem;
|
|
align-items: start;
|
|
background-color: #eeeeee; }
|
|
@media (min-width: 768px) {
|
|
.hero-logos {
|
|
position: unset;
|
|
top: unset; } }
|
|
.hero-logos > a {
|
|
height: 100%; }
|
|
.hero-logos > a > img {
|
|
height: 100%; }
|
|
.hero-logos > a:nth-of-type(2) {
|
|
mix-blend-mode: darken; }
|
|
|
|
.color-changer {
|
|
transition: color 0.3s ease-out; }
|
|
|
|
.hero-presentation {
|
|
font-family: "Gelasio", serif;
|
|
font-size: 1.6rem;
|
|
line-height: 1.1; }
|
|
@media (min-width: 768px) {
|
|
.hero-presentation {
|
|
margin-top: 2rem;
|
|
font-size: 2.6rem; } }
|
|
|
|
.hero-presentation-detail {
|
|
margin-top: 1.5rem;
|
|
width: 90%; }
|
|
|
|
.hero-content > .link-button {
|
|
margin-top: 2.5rem; }
|
|
|
|
@media (min-width: 768px) {
|
|
.hero-content {
|
|
width: 75%; } }
|
|
|
|
#sketch {
|
|
z-index: 0;
|
|
position: relative;
|
|
display: block;
|
|
height: 200px; }
|
|
@media (min-width: 768px) {
|
|
#sketch {
|
|
height: unset;
|
|
width: 25%;
|
|
margin-top: 0 !important; } }
|
|
|
|
.floating-shape {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
transform-origin: top left;
|
|
will-change: transform;
|
|
pointer-events: none; }
|
|
.floating-shape svg {
|
|
overflow: visible; }
|
|
.floating-shape path, .floating-shape polyline, .floating-shape polygon, .floating-shape line, .floating-shape circle, .floating-shape ellipse, .floating-shape rect {
|
|
transition: fill-opacity 0.5s ease-in-out; }
|
|
|
|
.thalim-text {
|
|
position: absolute;
|
|
pointer-events: none;
|
|
transition: opacity 0.3s ease-out;
|
|
display: flex;
|
|
gap: 0;
|
|
z-index: 20;
|
|
font-family: 'NewsCycle', sans-serif;
|
|
font-size: 26px; }
|
|
@media (min-width: 768px) {
|
|
.thalim-text {
|
|
font-size: 48px; } }
|
|
|
|
.swiper-section {
|
|
margin-top: 3rem;
|
|
position: relative; }
|
|
.swiper-section .section-title {
|
|
font-family: NewsCycle;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-bottom: 2rem; }
|
|
.swiper-section .section-title::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 10px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, transparent 50%, #f7ff29 100%);
|
|
z-index: 2;
|
|
pointer-events: none;
|
|
bottom: -10px; }
|
|
.swiper-section .swiper_content_controls {
|
|
display: flex;
|
|
gap: 0.8rem;
|
|
align-items: center;
|
|
margin-top: 2rem; }
|
|
.swiper-section .swiper_content_controls .swiper {
|
|
overflow: hidden;
|
|
flex: 1; }
|
|
.swiper-section .swiper_content_controls .swiper-button-prev,
|
|
.swiper-section .swiper_content_controls .swiper-button-next {
|
|
position: static;
|
|
width: 2.4rem;
|
|
height: 2.4rem;
|
|
aspect-ratio: 1;
|
|
margin: 0;
|
|
background-color: #eeeeee;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #1a1a1a;
|
|
transition: background-color 0.2s ease-out;
|
|
cursor: pointer;
|
|
flex-shrink: 0; }
|
|
.swiper-section .swiper_content_controls .swiper-button-prev::after,
|
|
.swiper-section .swiper_content_controls .swiper-button-next::after {
|
|
display: none; }
|
|
.swiper-section .swiper_content_controls .swiper-button-prev:hover,
|
|
.swiper-section .swiper_content_controls .swiper-button-next:hover {
|
|
background-color: #cccccc; }
|
|
.swiper-section .swiper_content_controls .swiper-button-prev i,
|
|
.swiper-section .swiper_content_controls .swiper-button-next i {
|
|
font-size: 1.1rem;
|
|
line-height: 1; }
|
|
.swiper-section .button-annonces {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 1.2rem; }
|
|
|
|
.message-agenda-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
gap: 2rem;
|
|
margin-top: 3rem; }
|
|
@media (min-width: 768px) {
|
|
.message-agenda-section {
|
|
flex-direction: row; } }
|
|
|
|
.message-du-labo,
|
|
.agenda {
|
|
position: relative;
|
|
padding: 2.5vh 5vw;
|
|
padding-bottom: 6vh;
|
|
background-color: white;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start; }
|
|
.message-du-labo::after,
|
|
.agenda::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 30px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, transparent 50%, #f7ff29 100%);
|
|
z-index: 2;
|
|
pointer-events: none; }
|
|
.message-du-labo .section-title,
|
|
.agenda .section-title {
|
|
font-family: "NewsCycle", sans-serif;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-bottom: 3rem; }
|
|
.message-du-labo .section-title::after,
|
|
.agenda .section-title::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 10px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, transparent 50%, #f7ff29 100%);
|
|
z-index: 2;
|
|
pointer-events: none;
|
|
bottom: -10px; }
|
|
@media (min-width: 768px) {
|
|
.message-du-labo,
|
|
.agenda {
|
|
padding: 3vh 3vw;
|
|
padding-bottom: 8vh; } }
|
|
|
|
@media (min-width: 768px) {
|
|
.message-du-labo {
|
|
flex: 4; } }
|
|
|
|
.messages-list {
|
|
width: 100%; }
|
|
@media (min-width: 768px) {
|
|
.messages-list {
|
|
flex: 1;
|
|
overflow: hidden; } }
|
|
|
|
@media (min-width: 768px) {
|
|
.agenda {
|
|
flex: 3; } }
|
|
|
|
.message-date {
|
|
font-size: 0.75rem;
|
|
color: #3e3e3e;
|
|
display: block;
|
|
margin-bottom: 0.3rem; }
|
|
|
|
.message-item + .message-item {
|
|
margin-top: 1.5rem;
|
|
padding-top: 1.5rem;
|
|
border-top: 1px solid #eeeeee; }
|
|
|
|
.message-content {
|
|
margin-bottom: 1.5rem;
|
|
padding-right: 2rem;
|
|
position: relative; }
|
|
.message-content > p {
|
|
margin: 0.7rem 0; }
|
|
.message-content p {
|
|
margin-bottom: 1rem;
|
|
line-height: 1.6; }
|
|
.message-content p strong {
|
|
font-weight: bold; }
|
|
.message-content p em {
|
|
font-style: italic; }
|
|
.message-content ul, .message-content ol {
|
|
line-height: 1.6;
|
|
padding-left: 0.8rem; }
|
|
.message-content ul {
|
|
list-style: inside "· "; }
|
|
.message-content ol {
|
|
list-style: inside decimal; }
|
|
.message-content blockquote {
|
|
padding-left: 1rem;
|
|
margin-left: 1.5rem;
|
|
border-left: solid 1px #eeeeee; }
|
|
@media (min-width: 768px) {
|
|
.message-content {
|
|
overflow: hidden; }
|
|
.message-content.is-overflowing::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 8rem;
|
|
background: linear-gradient(to bottom, transparent 0%, white 70%);
|
|
pointer-events: none; } }
|
|
|
|
.button-messages,
|
|
.button-agenda {
|
|
align-self: center;
|
|
margin-top: auto; }
|
|
|
|
.message-read-more {
|
|
display: none;
|
|
position: absolute;
|
|
bottom: 1rem;
|
|
left: 0;
|
|
z-index: 1;
|
|
font-size: 0.85rem;
|
|
text-decoration: none;
|
|
font-family: "NewsCycle", sans-serif;
|
|
text-transform: uppercase; }
|
|
.is-overflowing .message-read-more {
|
|
display: inline-block; }
|
|
|
|
.agenda-content {
|
|
width: 100%; }
|
|
.agenda-content .agenda-item {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1.5rem;
|
|
transform: scale(1);
|
|
transition: transform 0.2s ease-out;
|
|
margin-bottom: 2rem;
|
|
text-decoration: none;
|
|
color: inherit; }
|
|
.agenda-content .agenda-item:hover {
|
|
transform: scale(0.97); }
|
|
.agenda-content .date-container {
|
|
background-color: #eeeeee;
|
|
text-transform: uppercase;
|
|
font-family: "NewsCycle", sans-serif;
|
|
text-align: center;
|
|
padding: 0.5rem;
|
|
position: relative;
|
|
flex-shrink: 0;
|
|
min-width: 3rem; }
|
|
.agenda-content .date-container > p {
|
|
position: relative;
|
|
z-index: 1; }
|
|
.agenda-content .date-container > p:first-of-type {
|
|
font-size: 1.3rem; }
|
|
.agenda-content .date-container > p:last-of-type {
|
|
margin-bottom: 3px; }
|
|
.agenda-content .date-container::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 10px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, #eeeeee 0%, #7cc0c6 100%);
|
|
z-index: 0; }
|
|
.agenda-content .event-content {
|
|
padding-bottom: 1rem;
|
|
border-bottom: 1px solid #7cc0c6;
|
|
flex: 1; }
|
|
.agenda-content .event-content .meta {
|
|
font-family: "NewsCycle", sans-serif;
|
|
display: flex;
|
|
gap: 1rem;
|
|
padding-bottom: 0.5rem;
|
|
text-transform: uppercase;
|
|
font-size: 0.8rem;
|
|
flex-wrap: wrap;
|
|
opacity: 0.7; }
|
|
.agenda-content .event-content .event-title {
|
|
font-family: "Gelasio", serif;
|
|
font-size: 1.1rem; }
|
|
|
|
.keyword-cloud {
|
|
margin-top: 4rem;
|
|
margin-bottom: 3rem;
|
|
width: 100%; }
|
|
@media (min-width: 768px) {
|
|
.keyword-cloud {
|
|
margin-bottom: 0; } }
|
|
.keyword-cloud .section-title {
|
|
font-family: "NewsCycle", sans-serif;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-bottom: 2rem; }
|
|
.keyword-cloud .section-title::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 10px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, transparent 50%, #f7ff29 100%);
|
|
z-index: 2;
|
|
pointer-events: none;
|
|
bottom: -10px; }
|
|
|
|
#keyword-container {
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 120px; }
|
|
|
|
.keyword {
|
|
position: absolute;
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.7rem;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
text-decoration: none;
|
|
color: #1a1a1a;
|
|
opacity: 0;
|
|
cursor: pointer; }
|
|
@media (min-width: 768px) {
|
|
.keyword {
|
|
font-size: 0.95rem; } }
|
|
.keyword.keyword--visible {
|
|
animation: keywordFadeIn 0.7s ease-out forwards; }
|
|
|
|
@keyframes keywordFadeIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: scale(0.92); }
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1); } }
|
|
.quick-links {
|
|
position: fixed;
|
|
display: block;
|
|
background-color: #fcfcfc;
|
|
right: 0;
|
|
top: 35vh;
|
|
z-index: 3;
|
|
font-family: "NewsCycle", sans-serif;
|
|
max-width: 2.2rem;
|
|
overflow: hidden;
|
|
transition: max-width 0.9s ease-out, top 0.2s ease;
|
|
text-decoration: none;
|
|
z-index: 10; }
|
|
@media (min-width: 768px) {
|
|
.quick-links {
|
|
right: 2vw; } }
|
|
@media (min-width: 1024px) {
|
|
.quick-links {
|
|
right: 4vw; } }
|
|
.quick-links > ul {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: end;
|
|
gap: 0.8rem;
|
|
padding: 0.8rem 0.6rem; }
|
|
.quick-links > ul > li > a {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.8rem;
|
|
text-decoration: none;
|
|
white-space: nowrap; }
|
|
.quick-links > ul > li > a:hover {
|
|
font-weight: bold; }
|
|
.quick-links:hover {
|
|
max-width: 40vw; }
|
|
.quick-links::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
height: 10px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, transparent 0%, #f7ff29 100%);
|
|
z-index: 2; }
|
|
|
|
.post-card {
|
|
padding-bottom: 0.8rem;
|
|
border-bottom: solid 1px; }
|
|
.post-card.gradient--le-laboratoire {
|
|
border-color: #e0775d; }
|
|
.post-card.gradient--le-laboratoire .gradient-container {
|
|
background: linear-gradient(to bottom, #eeeeee 60%, #e0775d); }
|
|
.post-card.gradient--manifestations-scientifiques {
|
|
border-color: #7cc0c6; }
|
|
.post-card.gradient--manifestations-scientifiques .gradient-container {
|
|
background: linear-gradient(to bottom, #eeeeee 60%, #7cc0c6); }
|
|
.post-card.gradient--publications-et-productions {
|
|
border-color: #46ae51; }
|
|
.post-card.gradient--publications-et-productions .gradient-container {
|
|
background: linear-gradient(to bottom, #eeeeee 60%, #46ae51); }
|
|
.post-card.gradient--mediation-scientifique {
|
|
border-color: #e05680; }
|
|
.post-card.gradient--mediation-scientifique .gradient-container {
|
|
background: linear-gradient(to bottom, #eeeeee 60%, #e05680); }
|
|
.post-card.gradient--ressources {
|
|
border-color: #bb8dd9; }
|
|
.post-card.gradient--ressources .gradient-container {
|
|
background: linear-gradient(to bottom, #eeeeee 60%, #bb8dd9); }
|
|
.post-card:hover .gradient-container img, .post-card:hover .gradient-container h2 {
|
|
transform: scale(0.98); }
|
|
.post-card .gradient-container {
|
|
height: 25vh;
|
|
padding: 0.7rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-decoration: unset; }
|
|
.post-card .gradient-container img {
|
|
max-height: 100%;
|
|
transition: transform 0.2s ease-out;
|
|
transform: scale(1);
|
|
max-width: 100%; }
|
|
.post-card .gradient-container h2 {
|
|
font-family: Gelasio;
|
|
font-size: 1.7rem;
|
|
line-height: 1.1;
|
|
padding: 1.5rem;
|
|
transition: transform 0.2s ease-out;
|
|
transform: scale(1);
|
|
text-decoration: unset; }
|
|
.post-card .gradient-container.text-only {
|
|
font-family: Gelasio;
|
|
font-size: 1.7rem;
|
|
padding: 1.5rem; }
|
|
.post-card .gradient-container.text-only p {
|
|
transition: transform 0.2s ease-out;
|
|
transform: scale(1); }
|
|
.post-card .contextual-infos {
|
|
text-transform: uppercase;
|
|
font-size: 0.8rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 0.6rem;
|
|
line-height: 1.3; }
|
|
.post-card .contextual-infos .authors a {
|
|
text-decoration: none; }
|
|
.post-card .contextual-infos .authors > span:not(:last-of-type)::after {
|
|
content: ", "; }
|
|
.post-card .contextual-infos .date-category {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-end;
|
|
text-align: right; }
|
|
.post-card .contextual-infos .date-category a {
|
|
text-decoration: none; }
|
|
.post-card .title-bottom {
|
|
font-size: 1.2rem;
|
|
margin-top: 0.8rem;
|
|
line-height: 1.2; }
|
|
.post-card .title-bottom a {
|
|
text-decoration: none; }
|
|
|
|
.category-archive {
|
|
margin-top: 0; }
|
|
.category-archive .category-header-top {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-direction: column;
|
|
align-items: start; }
|
|
.category-archive .category-header-top .breadcrumb {
|
|
font-size: 0.85rem;
|
|
margin-bottom: 1.5rem;
|
|
text-transform: uppercase;
|
|
line-height: 1.3; }
|
|
.category-archive .category-header-top .breadcrumb__separator {
|
|
margin: 0 0.4rem; }
|
|
@media (min-width: 768px) {
|
|
.category-archive .category-header-top {
|
|
flex-direction: row; } }
|
|
.category-archive h1 {
|
|
font-family: Gelasio;
|
|
font-weight: normal;
|
|
font-size: 1.8rem;
|
|
position: relative;
|
|
margin-top: 2rem;
|
|
display: inline-block; }
|
|
.category-archive h1::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 6px;
|
|
width: 100%;
|
|
bottom: -1.2rem;
|
|
left: 0;
|
|
z-index: 2; }
|
|
@media (min-width: 768px) {
|
|
.category-archive h1 {
|
|
font-size: 2.6rem; }
|
|
.category-archive h1::after {
|
|
bottom: -0.4rem; } }
|
|
.category-archive .category--le-laboratoire h1::after {
|
|
background: linear-gradient(to bottom, transparent 0%, #e0775d 50%); }
|
|
.category-archive .category--manifestations-scientifiques h1::after {
|
|
background: linear-gradient(to bottom, transparent 0%, #7cc0c6 50%); }
|
|
.category-archive .category--publications-et-productions h1::after {
|
|
background: linear-gradient(to bottom, transparent 0%, #46ae51 50%); }
|
|
.category-archive .category--mediation-scientifique h1::after {
|
|
background: linear-gradient(to bottom, transparent 0%, #e05680 50%); }
|
|
.category-archive .category--ressources h1::after {
|
|
background: linear-gradient(to bottom, transparent 0%, #bb8dd9 50%); }
|
|
|
|
.breadcrumb a:not(.breadcrumb__cat) {
|
|
text-decoration: underline;
|
|
text-decoration-color: #cccccc;
|
|
text-underline-offset: 3px; }
|
|
|
|
.category--le-laboratoire .breadcrumb__cat,
|
|
.category--le-laboratoire .breadcrumb__current {
|
|
text-decoration: underline;
|
|
text-decoration-color: #e0775d;
|
|
text-underline-offset: 3px; }
|
|
|
|
.category--manifestations-scientifiques .breadcrumb__cat,
|
|
.category--manifestations-scientifiques .breadcrumb__current {
|
|
text-decoration: underline;
|
|
text-decoration-color: #7cc0c6;
|
|
text-underline-offset: 3px; }
|
|
|
|
.category--publications-et-productions .breadcrumb__cat,
|
|
.category--publications-et-productions .breadcrumb__current {
|
|
text-decoration: underline;
|
|
text-decoration-color: #46ae51;
|
|
text-underline-offset: 3px; }
|
|
|
|
.category--mediation-scientifique .breadcrumb__cat,
|
|
.category--mediation-scientifique .breadcrumb__current {
|
|
text-decoration: underline;
|
|
text-decoration-color: #e05680;
|
|
text-underline-offset: 3px; }
|
|
|
|
.category--ressources .breadcrumb__cat,
|
|
.category--ressources .breadcrumb__current {
|
|
text-decoration: underline;
|
|
text-decoration-color: #bb8dd9;
|
|
text-underline-offset: 3px; }
|
|
|
|
.category-archive .taxonomy-description {
|
|
font-family: "NewsCycle", sans-serif;
|
|
margin-top: 2rem;
|
|
line-height: 1.6;
|
|
max-width: 70ch; }
|
|
.category-archive .taxonomy-description a {
|
|
text-decoration: underline; }
|
|
.category-archive .taxonomy-description p {
|
|
margin-bottom: 1rem;
|
|
line-height: 1.6; }
|
|
.category-archive .taxonomy-description p strong {
|
|
font-weight: bold; }
|
|
.category-archive .taxonomy-description p em {
|
|
font-style: italic; }
|
|
.category-archive .taxonomy-description p:first-child {
|
|
margin-top: 0 !important; }
|
|
.category-archive .taxonomy-description ul, .category-archive .taxonomy-description ol {
|
|
line-height: 1.6;
|
|
padding-left: 0.8rem; }
|
|
.category-archive .taxonomy-description ul {
|
|
list-style: inside "· "; }
|
|
.category-archive .taxonomy-description ol {
|
|
list-style: inside decimal; }
|
|
.category-archive .taxonomy-description blockquote {
|
|
padding-left: 1rem;
|
|
margin-left: 1.5rem;
|
|
border-left: solid 1px #eeeeee; }
|
|
.category-archive .subcategory-section {
|
|
margin-top: 5rem; }
|
|
.category-archive .subcategory-section:first-of-type {
|
|
margin-top: 2rem; }
|
|
.category-archive .subcategory-section .subcategory-section__title {
|
|
font-family: NewsCycle;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-bottom: 2rem;
|
|
font-size: 1.2rem; }
|
|
.category-archive .subcategory-section .subcategory-section__title::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 10px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, transparent 50%, #f7ff29 100%);
|
|
z-index: 2;
|
|
pointer-events: none;
|
|
bottom: -10px; }
|
|
.category-archive .subcategory-section .post-grid {
|
|
display: grid;
|
|
align-items: start;
|
|
grid-template-columns: 1fr;
|
|
gap: 2rem;
|
|
width: 100%; }
|
|
.category-archive .subcategory-section .post-grid .post-card {
|
|
min-width: 0; }
|
|
@media (min-width: 768px) {
|
|
.category-archive .subcategory-section .post-grid {
|
|
grid-template-columns: repeat(2, 1fr); } }
|
|
@media (min-width: 1024px) {
|
|
.category-archive .subcategory-section .post-grid {
|
|
grid-template-columns: repeat(3, 1fr); } }
|
|
.category-archive .subcategory-section .category-section-footer {
|
|
margin-top: 3rem;
|
|
display: flex;
|
|
justify-content: center; }
|
|
|
|
/*
|
|
.category-header {
|
|
width: 100%;
|
|
margin-bottom: 3vh;
|
|
|
|
&__back {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.3rem;
|
|
font-size: 0.9rem;
|
|
text-decoration: none;
|
|
margin-bottom: 1rem;
|
|
|
|
i {
|
|
font-size: 1.1rem;
|
|
}
|
|
}
|
|
|
|
&__title {
|
|
font-size: 2rem;
|
|
margin-bottom: 0.5rem;
|
|
|
|
@media ($tablet) {
|
|
font-size: 2.5rem;
|
|
}
|
|
}
|
|
|
|
&__description {
|
|
color: $less-dark-gray;
|
|
}
|
|
}
|
|
|
|
// Sub-category sections on parent category page
|
|
.subcategory-section {
|
|
width: 100%;
|
|
margin-bottom: 4vh;
|
|
|
|
&__header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
margin-bottom: 2vh;
|
|
border-bottom: 2px solid $publications;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
|
|
&__title {
|
|
font-size: 1.5rem;
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
&__see-all {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.3rem;
|
|
font-size: 0.9rem;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
&__empty {
|
|
color: $less-less-light-gray;
|
|
font-style: italic;
|
|
}
|
|
}
|
|
|
|
// Post grid
|
|
.post-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
gap: 2rem;
|
|
width: 100%;
|
|
|
|
@media ($tablet) {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
|
|
@media ($desktop) {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
}
|
|
|
|
// Post card
|
|
.post-card {
|
|
background-color: white;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
|
|
&__image {
|
|
width: 100%;
|
|
aspect-ratio: 4 / 3;
|
|
overflow: hidden;
|
|
|
|
img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
}
|
|
|
|
&__content {
|
|
padding: 1rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.4rem;
|
|
}
|
|
|
|
&__title {
|
|
font-size: 1.1rem;
|
|
line-height: 1.3;
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
&__subtitle {
|
|
font-size: 0.9rem;
|
|
color: $less-dark-gray;
|
|
font-style: italic;
|
|
}
|
|
|
|
&__date {
|
|
font-size: 0.8rem;
|
|
color: $less-less-light-gray;
|
|
}
|
|
|
|
&__authors {
|
|
font-size: 0.9rem;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.2rem;
|
|
|
|
.post-card__author {
|
|
&:not(:last-child)::after {
|
|
content: ',';
|
|
}
|
|
}
|
|
|
|
&--external {
|
|
color: $less-dark-gray;
|
|
}
|
|
}
|
|
|
|
&__role,
|
|
&__publisher,
|
|
&__journal {
|
|
font-size: 0.85rem;
|
|
color: $less-dark-gray;
|
|
}
|
|
|
|
&__axes,
|
|
&__tags {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.3rem;
|
|
}
|
|
|
|
&__axe,
|
|
&__tag {
|
|
font-size: 0.75rem;
|
|
background-color: $light-gray;
|
|
padding: 0.15rem 0.5rem;
|
|
}
|
|
|
|
&__axe {
|
|
border-left: 2px solid $publications;
|
|
}
|
|
|
|
&__links {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.5rem;
|
|
margin-top: 0.3rem;
|
|
}
|
|
|
|
&__link {
|
|
font-size: 0.8rem;
|
|
|
|
&--hal {
|
|
color: $publications;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Infinite scroll spinner
|
|
.scroll-spinner {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 0.4rem;
|
|
padding: 2rem 0;
|
|
|
|
&__dot {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 50%;
|
|
background-color: $publications;
|
|
animation: scroll-spinner-bounce 1.2s infinite ease-in-out;
|
|
|
|
&:nth-child(2) {
|
|
animation-delay: 0.2s;
|
|
}
|
|
|
|
&:nth-child(3) {
|
|
animation-delay: 0.4s;
|
|
}
|
|
}
|
|
}
|
|
|
|
@keyframes scroll-spinner-bounce {
|
|
0%, 80%, 100% {
|
|
transform: scale(0.6);
|
|
opacity: 0.4;
|
|
}
|
|
40% {
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
*/
|
|
.agenda-view-container {
|
|
display: none;
|
|
margin-top: 3rem; }
|
|
.agenda-view-container.is-active {
|
|
display: block; }
|
|
|
|
.agenda-view-title {
|
|
font-family: NewsCycle;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-bottom: 2rem;
|
|
font-size: 1.2rem; }
|
|
.agenda-view-title::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 10px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, transparent 50%, #f7ff29 100%);
|
|
z-index: 2;
|
|
pointer-events: none;
|
|
bottom: -10px; }
|
|
|
|
.agenda-swiper-wrap {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.8rem;
|
|
margin-top: 2rem; }
|
|
|
|
.agenda-swiper {
|
|
flex: 1;
|
|
overflow: hidden; }
|
|
|
|
.agenda-swiper-prev,
|
|
.agenda-swiper-next {
|
|
flex-shrink: 0;
|
|
background: none;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-size: 1.2rem;
|
|
padding: 0.4rem;
|
|
color: #1a1a1a;
|
|
line-height: 1; }
|
|
.agenda-swiper-prev:hover,
|
|
.agenda-swiper-next:hover {
|
|
color: black; }
|
|
.agenda-swiper-prev.swiper-button-disabled,
|
|
.agenda-swiper-next.swiper-button-disabled {
|
|
opacity: 0.25;
|
|
pointer-events: none; }
|
|
|
|
.agenda-card {
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-decoration: none;
|
|
color: inherit;
|
|
padding-bottom: 1.5rem;
|
|
border-bottom: 1px solid #eeeeee;
|
|
height: 100%;
|
|
position: relative;
|
|
transition: transform 0.2s ease-out;
|
|
margin-right: 0 !important; }
|
|
.agenda-card::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 1.7rem;
|
|
left: 0;
|
|
right: 0;
|
|
height: 1px;
|
|
background-color: #cccccc;
|
|
z-index: 0;
|
|
width: calc(100% + 20px); }
|
|
@media (min-width: 768px) {
|
|
.agenda-card::before {
|
|
width: calc(100% + 24px); } }
|
|
@media (min-width: 1024px) {
|
|
.agenda-card::before {
|
|
width: calc(100% + 32px); } }
|
|
.agenda-card:hover {
|
|
transform: scale(0.98); }
|
|
.agenda-card__dates {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 0.5rem;
|
|
margin-bottom: 1rem; }
|
|
.agenda-card__body {
|
|
flex: 1; }
|
|
.agenda-card__meta {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.3rem 0.8rem;
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.75rem;
|
|
text-transform: uppercase;
|
|
opacity: 0.65;
|
|
margin-bottom: 0.5rem; }
|
|
.agenda-card__title {
|
|
font-family: "Gelasio", serif;
|
|
font-size: 1rem;
|
|
line-height: 1.35; }
|
|
|
|
.category--manifestations-scientifiques .agenda-card {
|
|
border-bottom-color: #7cc0c6; }
|
|
|
|
.category--le-laboratoire .agenda-card {
|
|
border-bottom-color: #e0775d; }
|
|
|
|
.category--publications-et-productions .agenda-card {
|
|
border-bottom-color: #46ae51; }
|
|
|
|
.category--mediation-scientifique .agenda-card {
|
|
border-bottom-color: #e05680; }
|
|
|
|
.category--ressources .agenda-card {
|
|
border-bottom-color: #bb8dd9; }
|
|
|
|
.category--manifestations-scientifiques .agenda-date-box {
|
|
background: linear-gradient(to bottom, #eeeeee 60%, #7cc0c6); }
|
|
|
|
.category--le-laboratoire .agenda-date-box {
|
|
background: linear-gradient(to bottom, #eeeeee 60%, #e0775d); }
|
|
|
|
.category--publications-et-productions .agenda-date-box {
|
|
background: linear-gradient(to bottom, #eeeeee 60%, #46ae51); }
|
|
|
|
.category--mediation-scientifique .agenda-date-box {
|
|
background: linear-gradient(to bottom, #eeeeee 60%, #e05680); }
|
|
|
|
.category--ressources .agenda-date-box {
|
|
background: linear-gradient(to bottom, #eeeeee 60%, #bb8dd9); }
|
|
|
|
.agenda-date-box {
|
|
position: relative;
|
|
z-index: 1;
|
|
background-color: #eeeeee;
|
|
font-family: "NewsCycle", sans-serif;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
padding: 0.4rem 0.55rem;
|
|
flex-shrink: 0;
|
|
min-width: 2.6rem; }
|
|
.agenda-date-box .agenda-date-day {
|
|
display: block;
|
|
font-size: 1.3rem;
|
|
line-height: 1; }
|
|
.agenda-date-box .agenda-date-month {
|
|
display: block;
|
|
font-size: 0.65rem;
|
|
margin-top: 2px; }
|
|
.agenda-date-box .agenda-date-year {
|
|
display: block;
|
|
font-size: 0.6rem;
|
|
opacity: 0.65; }
|
|
.agenda-date-box sup {
|
|
font-size: 0.7rem; }
|
|
|
|
.agenda-date-arrow {
|
|
font-size: 0.85rem;
|
|
opacity: 0.5; }
|
|
|
|
.filters-bar {
|
|
margin-top: 2.5rem;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.8rem;
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
padding-bottom: 0.6rem; }
|
|
.filters-bar::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: -5vw;
|
|
width: calc(100% + 10vw);
|
|
height: 1px;
|
|
background-color: #eeeeee; }
|
|
@media (min-width: 768px) {
|
|
.filters-bar::after {
|
|
left: -3vw;
|
|
width: calc(100% + 6vw); } }
|
|
|
|
.filters-toggle-btn {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.9rem;
|
|
text-transform: uppercase;
|
|
background-color: #eeeeee;
|
|
border: unset;
|
|
cursor: pointer;
|
|
padding: 0.4rem 0.8rem;
|
|
color: #1a1a1a;
|
|
flex-shrink: 0; }
|
|
.filters-toggle-btn .filters-chevron {
|
|
transition: transform 0.2s; }
|
|
.filters-toggle-btn.is-open .filters-chevron {
|
|
transform: rotate(180deg); }
|
|
.filters-toggle-btn:hover {
|
|
background-color: #cccccc; }
|
|
|
|
.filters-active-chips {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.4rem;
|
|
flex-wrap: wrap; }
|
|
|
|
.filter-chip {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.3rem;
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.8rem;
|
|
text-transform: uppercase;
|
|
background-color: #eeeeee;
|
|
padding: 0.3rem 0.5rem;
|
|
text-decoration: none;
|
|
color: #1a1a1a;
|
|
border: none;
|
|
cursor: pointer; }
|
|
.filter-chip i {
|
|
font-size: 0.7rem;
|
|
opacity: 0.5; }
|
|
.filter-chip:hover {
|
|
background-color: #cccccc; }
|
|
.filter-chip:hover i {
|
|
opacity: 1; }
|
|
|
|
.category-filters {
|
|
font-size: 0.9rem;
|
|
font-family: "NewsCycle", sans-serif;
|
|
margin-top: 0;
|
|
display: none;
|
|
padding: 2rem 5vw;
|
|
padding-bottom: 0.5rem !important;
|
|
margin-left: -5vw;
|
|
width: calc(100% + 10vw);
|
|
justify-content: space-between;
|
|
background-color: #fcfcfc;
|
|
border-top: solid 1px #eeeeee;
|
|
border-bottom: solid 1px #eeeeee;
|
|
flex-direction: column; }
|
|
.category-filters.is-open {
|
|
display: flex; }
|
|
.category-filters > div {
|
|
margin-top: 1.2rem;
|
|
margin-bottom: 1.2rem;
|
|
flex: auto; }
|
|
.category-filters > div.filtre-rubrique {
|
|
flex: 2; }
|
|
.category-filters > div.filtre-categorie {
|
|
flex: 1; }
|
|
.category-filters > div.filtre-date {
|
|
flex: 1; }
|
|
.category-filters > div.filtre-axe {
|
|
flex: 1; }
|
|
.category-filters > div:first-of-type {
|
|
margin-top: 0;
|
|
padding-left: 0; }
|
|
.category-filters > div:last-of-type {
|
|
margin-bottom: 0; }
|
|
.category-filters > div:not(:last-of-type) {
|
|
padding-bottom: 1.8rem;
|
|
border-bottom: solid 1px #cccccc; }
|
|
.category-filters > div .filter-section-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
margin-bottom: 2rem; }
|
|
.category-filters > div .section-title {
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
display: inline-block; }
|
|
.category-filters > div .section-title::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 10px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, transparent 50%, #f7ff29 100%);
|
|
z-index: 2;
|
|
pointer-events: none;
|
|
bottom: -10px; }
|
|
.category-filters > div ul {
|
|
display: flex;
|
|
justify-content: start;
|
|
flex-wrap: wrap;
|
|
align-items: start;
|
|
gap: 0.5rem 0.2rem;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.category-filters > div ul li {
|
|
font-size: 1rem;
|
|
cursor: pointer;
|
|
padding: 0.4rem 0.6rem; }
|
|
.category-filters > div ul li a {
|
|
text-decoration: none; }
|
|
.category-filters > div ul li:hover, .category-filters > div ul li.is-active {
|
|
background-color: #cccccc; }
|
|
.category-filters .filter-dd {
|
|
position: relative;
|
|
margin-top: 0;
|
|
display: inline-block; }
|
|
.category-filters .filter-dd .dd-title {
|
|
padding: 0.3rem 0.5rem;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.4rem;
|
|
cursor: pointer; }
|
|
.category-filters .filter-dd .dd-title > p,
|
|
.category-filters .filter-dd .dd-title > i {
|
|
font-size: 0.9rem; }
|
|
.category-filters .filter-dd .dd-title > i {
|
|
transition: transform 0.2s; }
|
|
.category-filters .filter-dd.is-open .dd-title > i {
|
|
transform: rotate(180deg); }
|
|
.category-filters .filter-dd.is-active .dd-title {
|
|
background-color: #cccccc; }
|
|
.category-filters .filter-dd .dd-content {
|
|
position: absolute;
|
|
padding: 0;
|
|
z-index: 5;
|
|
background: white;
|
|
border: 1px solid #cccccc;
|
|
min-width: 100%; }
|
|
.category-filters .filter-dd .dd-content ul {
|
|
gap: 0.3rem;
|
|
padding: 0.5rem; }
|
|
.category-filters .filter-dd .dd-content ul li {
|
|
padding: 0.4rem;
|
|
white-space: nowrap;
|
|
background-color: #eeeeee; }
|
|
.category-filters .filter-dd .dd-content#filter-axe-popover {
|
|
right: auto;
|
|
left: 0;
|
|
min-width: 280px;
|
|
max-width: min(420px, 90vw); }
|
|
.category-filters .filter-dd .dd-content#filter-axe-popover ul {
|
|
flex-direction: column;
|
|
padding: 0;
|
|
gap: 0; }
|
|
.category-filters .filter-dd .dd-content#filter-axe-popover ul li {
|
|
width: 100%;
|
|
margin: 0;
|
|
white-space: normal; }
|
|
.category-filters .filter-dd .dd-content#filter-axe-popover ul li:nth-of-type(odd) {
|
|
background-color: white; }
|
|
.category-filters .filter-dd .dd-content#filter-axe-popover ul li:first-of-type {
|
|
background-color: #cccccc; }
|
|
.category-filters .filter-dd .dd-content#filter-axe-popover ul li.dd-axe-group-label {
|
|
font-size: 0.72rem;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
color: #3e3e3e;
|
|
background-color: #eeeeee !important;
|
|
padding: 0.5rem 0.4rem;
|
|
cursor: default;
|
|
pointer-events: none;
|
|
border-top: solid 1px #cccccc; }
|
|
.category-filters .filter-dd .dd-content#filter-axe-popover ul li.dd-axe-group-label:first-child {
|
|
margin-top: 0; }
|
|
.category-filters .filter-dd .dd-date-fields {
|
|
padding: 0.6rem;
|
|
padding-top: 1rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.4rem;
|
|
border-top: 1px solid #cccccc; }
|
|
.category-filters .filter-dd .dd-date-fields label {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.4rem;
|
|
font-size: 0.85rem;
|
|
text-transform: uppercase; }
|
|
.category-filters .filter-dd .dd-date-fields input[type="date"] {
|
|
padding: 0.2rem 0.4rem;
|
|
border: 1px solid #cccccc;
|
|
font-size: 0.85rem;
|
|
font-family: "NewsCycle", sans-serif; }
|
|
.category-filters .filter-dd .dd-date-apply {
|
|
margin-top: 0.6rem;
|
|
width: 100%;
|
|
padding: 0.3rem;
|
|
border: none;
|
|
font-size: 0.85rem;
|
|
font-family: "NewsCycle", sans-serif;
|
|
text-transform: uppercase;
|
|
cursor: pointer; }
|
|
.category-filters .membres-search-input.is-active {
|
|
background-color: #cccccc; }
|
|
.category-filters .date-reset-link {
|
|
display: block;
|
|
font-size: 0.75rem;
|
|
text-transform: uppercase;
|
|
text-decoration: none;
|
|
color: inherit;
|
|
opacity: 0.6;
|
|
padding: 0 0.5rem 0.4rem; }
|
|
.category-filters .date-reset-link:hover {
|
|
opacity: 1; }
|
|
@media (min-width: 768px) {
|
|
.category-filters {
|
|
padding: 2rem 3vw;
|
|
margin-left: -3vw;
|
|
width: calc(100% + 6vw);
|
|
flex-direction: row; }
|
|
.category-filters > div {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding-left: 1.5rem; }
|
|
.category-filters > div:not(:last-of-type) {
|
|
padding-right: 0.8rem;
|
|
border-bottom: unset;
|
|
border-right: solid 1px #cccccc; } }
|
|
|
|
.article {
|
|
margin-top: 0;
|
|
width: 100%; }
|
|
.article .category-header-top {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: start;
|
|
justify-content: space-between; }
|
|
.article .category-header-top .breadcrumb {
|
|
font-size: 0.85rem;
|
|
margin-bottom: 1.5rem;
|
|
text-transform: uppercase;
|
|
line-height: 1.3; }
|
|
.article .category-header-top .breadcrumb__separator {
|
|
margin: 0 0.4rem; }
|
|
@media (min-width: 768px) {
|
|
.article .category-header-top {
|
|
flex-direction: row; } }
|
|
.article h2 {
|
|
font-family: Gelasio;
|
|
font-weight: normal;
|
|
font-size: 1.8rem;
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-top: 2rem;
|
|
margin-bottom: 2rem; }
|
|
.article h2::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 5px;
|
|
width: 100%;
|
|
left: 0;
|
|
z-index: 2; }
|
|
.article h2 p {
|
|
line-height: 1.3; }
|
|
.article h2 p:last-of-type {
|
|
margin-top: 0.3rem;
|
|
margin-bottom: 0.3rem; }
|
|
.article h2 p + p {
|
|
font-size: 1.6rem; }
|
|
@media (min-width: 768px) {
|
|
.article h2 p {
|
|
font-size: 2.2rem !important; }
|
|
.article h2 p + p {
|
|
font-size: 1.6rem !important; }
|
|
.article h2::after {
|
|
bottom: -0.4rem; } }
|
|
.article.category--le-laboratoire h2::after {
|
|
background: linear-gradient(to bottom, transparent 0%, #e0775d 30%); }
|
|
.article.category--manifestations-scientifiques h2::after {
|
|
background: linear-gradient(to bottom, transparent 0%, #7cc0c6 30%); }
|
|
.article.category--publications-et-productions h2::after {
|
|
background: linear-gradient(to bottom, transparent 0%, #46ae51 30%); }
|
|
.article.category--mediation-scientifique h2::after {
|
|
background: linear-gradient(to bottom, transparent 0%, #e05680 30%); }
|
|
.article.category--ressources h2::after {
|
|
background: linear-gradient(to bottom, transparent 0%, #bb8dd9 30%); }
|
|
.article .article-type {
|
|
display: inline-block;
|
|
margin-top: 2rem;
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.85rem;
|
|
text-transform: uppercase;
|
|
background-color: #eeeeee;
|
|
padding: 0.2rem 0.6rem; }
|
|
.article .maj {
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.85rem !important;
|
|
color: #3e3e3e;
|
|
margin-top: 1rem;
|
|
margin-bottom: 2.5rem;
|
|
text-transform: uppercase; }
|
|
.article .imgs {
|
|
width: 100%;
|
|
margin-bottom: 3rem; }
|
|
.article .imgs figure {
|
|
width: 100%; }
|
|
.article .imgs figure img {
|
|
width: 100%;
|
|
height: auto; }
|
|
.article .imgs figure figcaption {
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.85rem;
|
|
color: #3e3e3e;
|
|
margin-top: 0.5rem;
|
|
font-style: italic; }
|
|
@media (min-width: 768px) {
|
|
.article .imgs figure {
|
|
width: 50%; } }
|
|
.article .imgs--swiper {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem; }
|
|
@media (min-width: 768px) {
|
|
.article .imgs--swiper {
|
|
width: 50%; } }
|
|
.article .imgs--swiper .swiper {
|
|
flex: 1;
|
|
min-width: 0; }
|
|
.article .imgs--swiper figure {
|
|
width: 100%; }
|
|
.article .imgs--swiper .swiper-pagination {
|
|
position: static;
|
|
margin-top: 0.5rem;
|
|
text-align: center; }
|
|
.article .imgs--swiper .swiper-pagination-bullet-active {
|
|
background-color: #3e3e3e !important; }
|
|
.article .article-content {
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
gap: 3rem; }
|
|
@media (min-width: 768px) {
|
|
.article .article-content {
|
|
flex-direction: row; } }
|
|
.article .sidebar {
|
|
background-color: #fcfcfc; }
|
|
@media (min-width: 768px) {
|
|
.article .sidebar {
|
|
width: 25%;
|
|
padding: 0.8rem;
|
|
flex-shrink: 0; } }
|
|
.article .sidebar .sidebar-container {
|
|
position: sticky;
|
|
top: 6rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1.5rem; }
|
|
.article .sidebar .sidebar-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.8rem;
|
|
line-height: 1.4; }
|
|
.article .sidebar .sidebar-section p {
|
|
margin: 0; }
|
|
.article .sidebar .sidebar-section.reference-bibliographique {
|
|
display: inline-block; }
|
|
.article .sidebar .sidebar-section.reference-bibliographique em, .article .sidebar .sidebar-section.reference-bibliographique i {
|
|
font-style: italic; }
|
|
.article .sidebar .sidebar-section.reference-bibliographique strong {
|
|
font-weight: bold; }
|
|
.article .sidebar p {
|
|
font-family: "NewsCycle", sans-serif; }
|
|
.article .sidebar .link-button {
|
|
width: fit-content; }
|
|
@media (min-width: 768px) {
|
|
.article .sidebar .imgs--portrait {
|
|
width: calc(100% + 1.6rem);
|
|
margin-left: -0.8rem;
|
|
margin-right: -0.8rem; } }
|
|
.article .sidebar .imgs--portrait .sidebar-portrait {
|
|
width: 100%; }
|
|
.article .sidebar .sidebar-portrait {
|
|
width: 100%; }
|
|
.article .sidebar .sidebar-portrait img {
|
|
width: 100%;
|
|
height: auto; }
|
|
.article .sidebar .sidebar-portrait figcaption {
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.85rem;
|
|
color: #3e3e3e;
|
|
margin-top: 0.5rem;
|
|
font-style: italic; }
|
|
.article .main-content-text {
|
|
margin-top: 1rem;
|
|
flex: 1;
|
|
min-height: unset;
|
|
/* Affichage posts newsletter */ }
|
|
.article .main-content-text:has(table[role=presentation]) p:not(table[role=presentation] p):not(.maj) {
|
|
display: none; }
|
|
.article .main-content-text:has(table[role=presentation]) table[role=presentation] p {
|
|
margin: unset; }
|
|
.article .main-content-text:has(table[role=presentation]) table td {
|
|
vertical-align: top; }
|
|
.article .main-content-text:has(table[role=presentation]) table br {
|
|
display: none; }
|
|
.article .main-content-text > *:not(.article-field) {
|
|
font-size: 1.25rem; }
|
|
.article .main-content-text a {
|
|
text-decoration: underline; }
|
|
.article .main-content-text p {
|
|
margin-bottom: 1rem;
|
|
line-height: 1.4; }
|
|
.article .main-content-text p strong {
|
|
font-weight: bold; }
|
|
.article .main-content-text p em {
|
|
font-style: italic; }
|
|
.article .main-content-text p:first-child {
|
|
margin-top: 0 !important; }
|
|
.article .main-content-text ul, .article .main-content-text ol {
|
|
line-height: 1.4;
|
|
padding-left: 0.8rem; }
|
|
.article .main-content-text ul {
|
|
list-style: inside "· "; }
|
|
.article .main-content-text ol {
|
|
list-style: inside decimal; }
|
|
.article .main-content-text blockquote {
|
|
padding-left: 1rem;
|
|
margin-left: 1.5rem;
|
|
border-left: solid 1px #eeeeee; }
|
|
.article .main-content-text p:first-of-type + .mots-cles {
|
|
margin-top: 1rem; }
|
|
.article .main-content-text .article-field {
|
|
font-size: 0.9rem !important;
|
|
line-height: 1.4 !important;
|
|
margin-bottom: 1.5rem !important; }
|
|
.article .main-content-text .article-field i {
|
|
font-style: italic; }
|
|
.article .main-content-text .mots-cles {
|
|
margin-top: 4rem; }
|
|
.article .main-content-text .mots-cles ~ .mots-cles {
|
|
margin-top: 1rem; }
|
|
.article .main-content-text .canal-u-embeds,
|
|
.article .main-content-text .youtube-embeds {
|
|
margin-top: 2rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1.5rem; }
|
|
.article .main-content-text .canal-u-embed,
|
|
.article .main-content-text .video-embed {
|
|
position: relative;
|
|
width: 100%;
|
|
padding-bottom: 56.25%;
|
|
height: 0; }
|
|
.article .main-content-text .canal-u-embed iframe,
|
|
.article .main-content-text .video-embed iframe {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 0; }
|
|
.article .inline-title {
|
|
text-transform: uppercase;
|
|
position: relative; }
|
|
.article .inline-title::after {
|
|
content: '';
|
|
width: 100%;
|
|
height: 10px;
|
|
bottom: -1px;
|
|
left: 0;
|
|
position: absolute;
|
|
background: linear-gradient(to bottom, transparent 50%, #f7ff29 100%); }
|
|
.article .related-posts,
|
|
.article .seances-section {
|
|
margin-top: 5rem; }
|
|
.article .related-posts h3,
|
|
.article .seances-section h3 {
|
|
font-family: "NewsCycle", sans-serif;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-bottom: 2rem; }
|
|
.article .related-posts h3::after,
|
|
.article .seances-section h3::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 10px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, transparent 50%, #f7ff29 100%);
|
|
z-index: 2;
|
|
pointer-events: none;
|
|
bottom: -10px; }
|
|
.article .related-posts .post-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
gap: 2rem; }
|
|
.article .related-posts .post-grid .post-card {
|
|
min-width: 0; }
|
|
.article .related-posts .post-grid .post-card a {
|
|
text-decoration: none; }
|
|
.article .related-posts .post-grid .post-card a h2::after {
|
|
display: none; }
|
|
@media (min-width: 768px) {
|
|
.article .related-posts .post-grid {
|
|
grid-template-columns: repeat(2, 1fr); } }
|
|
.article .seances-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1.5rem; }
|
|
.article .seance-header {
|
|
display: flex;
|
|
align-items: stretch;
|
|
gap: 1.2rem;
|
|
padding: 0.1rem;
|
|
background-color: #eeeeee;
|
|
cursor: pointer;
|
|
transition: background-color 0.15s; }
|
|
.article .seance-header:hover {
|
|
background-color: #cccccc; }
|
|
@media (min-width: 768px) {
|
|
.article .seance-header {
|
|
padding: 0.8rem; } }
|
|
.article .seance-date {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-width: 3rem;
|
|
font-family: "NewsCycle", sans-serif;
|
|
text-transform: uppercase;
|
|
line-height: 1.2;
|
|
padding: 0.4rem 0;
|
|
background: linear-gradient(to bottom, #fcfcfc 60%, #7cc0c6); }
|
|
.article .seance-date__day {
|
|
font-size: 1.4rem; }
|
|
.article .seance-date__month {
|
|
font-size: 0.85rem; }
|
|
.article .seance-date__year {
|
|
font-size: 0.75rem; }
|
|
.article .seance-info {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.2rem; }
|
|
.article .seance-info .seance-title {
|
|
font-family: "Gelasio", serif;
|
|
font-size: 1.15rem;
|
|
line-height: 1.2;
|
|
text-decoration: none;
|
|
padding: 0.6rem 0; }
|
|
@media (min-width: 768px) {
|
|
.article .seance-info .seance-title {
|
|
padding: unset; } }
|
|
.article .seance-info .seance-intervenants {
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.85rem;
|
|
margin-top: 0.1rem;
|
|
color: black; }
|
|
.article .seance-info .seance-intervenants a {
|
|
text-decoration: none; }
|
|
.article .seance-info .seance-intervenants a:hover {
|
|
text-decoration: underline; }
|
|
.article .seance-chevron {
|
|
font-size: 1.2rem;
|
|
transition: transform 0.2s;
|
|
flex-shrink: 0;
|
|
align-self: center;
|
|
margin-right: 0.5rem; }
|
|
.article .seance-item.is-open .seance-chevron {
|
|
transform: rotate(180deg); }
|
|
.article .seance-content {
|
|
padding: 1rem 1rem 1rem 1rem;
|
|
background-color: #fcfcfc;
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.9rem;
|
|
line-height: 1.4; }
|
|
.article .seance-content .seance-content-infos {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
margin-bottom: 1rem; }
|
|
.article .seance-content .seance-content-infos > .seance-content-lieu {
|
|
text-align: right; }
|
|
.article .seance-content .seance-content-infos > .seance-content-lieu > p {
|
|
margin: 0; }
|
|
.article .seance-content p {
|
|
margin-bottom: 0.6rem; }
|
|
.article .seance-content .seance-images {
|
|
margin-top: 1.5rem;
|
|
margin-bottom: 0; }
|
|
@media (min-width: 768px) {
|
|
.article .seance-content .seance-images figure {
|
|
width: 50%; } }
|
|
.article .seance-content .seance-extras {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: start;
|
|
gap: 0.8rem;
|
|
margin-top: 1.5rem; }
|
|
.article .seance-content .seance-related {
|
|
margin-top: 1.5rem; }
|
|
.article .seance-content .seance-related h4 {
|
|
font-family: "NewsCycle", sans-serif;
|
|
text-transform: uppercase;
|
|
margin-bottom: 1rem; }
|
|
.article .seance-content .seance-related .post-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
gap: 2rem; }
|
|
.article .seance-content .seance-related .post-grid .post-card {
|
|
min-width: 0; }
|
|
.article .seance-content .seance-related .post-grid .post-card a {
|
|
text-decoration: none; }
|
|
.article .seance-content .seance-related .post-grid .post-card a h2::after {
|
|
display: none; }
|
|
@media (min-width: 768px) {
|
|
.article .seance-content .seance-related .post-grid {
|
|
grid-template-columns: repeat(2, 1fr); } }
|
|
@media (min-width: 768px) {
|
|
.article .seance-content {
|
|
padding: 1rem 1rem 1rem 5.5rem; } }
|
|
|
|
.author-header {
|
|
display: flex;
|
|
gap: 2rem;
|
|
align-items: flex-start;
|
|
margin: 2rem 0; }
|
|
|
|
.author-avatar {
|
|
flex-shrink: 0; }
|
|
.author-avatar img {
|
|
width: 140px;
|
|
height: 140px;
|
|
object-fit: cover; }
|
|
@media (min-width: 768px) {
|
|
.author-avatar img {
|
|
width: 180px;
|
|
height: 180px; } }
|
|
|
|
.author-identity h2 {
|
|
margin-top: 0; }
|
|
.author-identity + .author-bio {
|
|
margin-top: 2rem; }
|
|
|
|
.author-role {
|
|
font-family: "NewsCycle", sans-serif;
|
|
margin-top: 0.4rem;
|
|
opacity: 0.85;
|
|
line-height: 1.4; }
|
|
|
|
.author-bio {
|
|
margin-bottom: 1.5rem;
|
|
line-height: 1.6; }
|
|
.author-bio > p {
|
|
margin: 0.8rem 0; }
|
|
.author-bio hr {
|
|
display: none; }
|
|
.author-bio h3 {
|
|
font-family: "NewsCycle", sans-serif;
|
|
text-transform: uppercase; }
|
|
|
|
.author-resume-these {
|
|
margin-top: 1rem;
|
|
line-height: 1.6; }
|
|
.author-resume-these > p {
|
|
margin: 0.8rem 0; }
|
|
|
|
.author-cat-footer {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 1.5rem;
|
|
padding-top: 1rem;
|
|
border-top: 1px solid #eeeeee; }
|
|
|
|
.author-titre-these {
|
|
font-family: "Gelasio", serif;
|
|
font-size: 1.4rem;
|
|
line-height: 1.3 !important;
|
|
margin-bottom: 0.8rem; }
|
|
|
|
.these-inline-title {
|
|
text-transform: uppercase; }
|
|
|
|
.domaines-autres > p:first-of-type,
|
|
.recherches-en-cours > p:first-of-type {
|
|
margin-top: 0.4rem; }
|
|
|
|
.author-posts-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
margin-top: 5rem; }
|
|
|
|
.author-posts-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1.2rem;
|
|
padding: 0.8rem;
|
|
background-color: #eeeeee;
|
|
cursor: pointer;
|
|
transition: background-color 0.15s;
|
|
font-family: "NewsCycle", sans-serif;
|
|
text-transform: uppercase; }
|
|
.author-posts-header:hover {
|
|
background-color: #cccccc; }
|
|
|
|
.author-posts-chevron {
|
|
font-size: 1.2rem;
|
|
transition: transform 0.2s;
|
|
flex-shrink: 0;
|
|
margin-left: auto; }
|
|
.author-posts-item.is-open .author-posts-chevron {
|
|
transform: rotate(180deg); }
|
|
|
|
.author-posts-content {
|
|
padding: 1rem;
|
|
background-color: #fcfcfc;
|
|
position: relative;
|
|
padding-bottom: 3rem; }
|
|
.author-posts-content::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 30px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, transparent 50%, #f7ff29 100%);
|
|
z-index: 2;
|
|
pointer-events: none; }
|
|
.author-posts-content article a {
|
|
text-decoration: none !important; }
|
|
.author-posts-content article a h2 {
|
|
margin-top: 0 !important; }
|
|
|
|
.author-post-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
gap: 2rem;
|
|
width: 100%; }
|
|
.author-post-grid h2::after {
|
|
display: none; }
|
|
@media (min-width: 768px) {
|
|
.author-post-grid {
|
|
grid-template-columns: repeat(2, 1fr); } }
|
|
|
|
.membres-section {
|
|
margin-top: 4rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem; }
|
|
|
|
.membres-item.is-open {
|
|
position: relative;
|
|
padding-bottom: 1rem; }
|
|
.membres-item.is-open::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 30px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, transparent 50%, #f7ff29 100%);
|
|
z-index: 2;
|
|
pointer-events: none; }
|
|
|
|
.membres-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1.2rem;
|
|
padding: 0.8rem;
|
|
background-color: #eeeeee;
|
|
cursor: pointer;
|
|
transition: background-color 0.15s;
|
|
font-family: "NewsCycle", sans-serif;
|
|
text-transform: uppercase; }
|
|
.membres-header:hover {
|
|
background-color: #cccccc; }
|
|
|
|
.membres-chevron {
|
|
font-size: 1.2rem;
|
|
transition: transform 0.2s;
|
|
flex-shrink: 0;
|
|
margin-left: auto; }
|
|
.membres-item.is-open .membres-chevron {
|
|
transform: rotate(180deg); }
|
|
|
|
.membres-sort-chevron {
|
|
font-size: 0.8rem;
|
|
opacity: 0.3;
|
|
transition: transform 0.2s, opacity 0.15s;
|
|
vertical-align: middle;
|
|
margin-left: 0.3rem; }
|
|
|
|
.membres-content {
|
|
padding: 1rem;
|
|
background-color: #fcfcfc;
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.9rem;
|
|
line-height: 1.6; }
|
|
|
|
.membres-table {
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
border-collapse: collapse;
|
|
font-size: 0.9rem; }
|
|
.membres-table th {
|
|
width: 33.333%;
|
|
text-align: left;
|
|
text-transform: uppercase;
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-weight: normal;
|
|
font-size: 0.8rem;
|
|
padding: 0.5rem 1.5rem 0.5rem 0.5rem;
|
|
background-color: #eeeeee;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
white-space: nowrap; }
|
|
.membres-table th:hover .membres-sort-chevron {
|
|
opacity: 0.7; }
|
|
.membres-table th.sort-asc .membres-sort-chevron {
|
|
opacity: 1;
|
|
transform: rotate(180deg); }
|
|
.membres-table th.sort-desc .membres-sort-chevron {
|
|
opacity: 1;
|
|
transform: rotate(0deg); }
|
|
.membres-table tbody tr {
|
|
cursor: pointer;
|
|
transition: background-color 0.15s;
|
|
background-color: white; }
|
|
.membres-table tbody tr.is-even-row {
|
|
background-color: #eeeeee; }
|
|
.membres-table tbody tr:last-child {
|
|
border-bottom: none; }
|
|
.membres-table tbody tr:hover {
|
|
background-color: #cccccc; }
|
|
.membres-table td {
|
|
padding: 0.6rem 1.5rem 0.6rem 0.5rem;
|
|
vertical-align: top;
|
|
line-height: 1.4; }
|
|
.membres-table td:first-child {
|
|
white-space: nowrap; }
|
|
.membres-table td a {
|
|
text-decoration: none; }
|
|
|
|
#membre-popover {
|
|
position: fixed;
|
|
z-index: 9999;
|
|
background: white;
|
|
pointer-events: none;
|
|
max-width: 380px;
|
|
min-width: 180px;
|
|
padding: 1rem;
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.85rem;
|
|
opacity: 0;
|
|
transition: opacity 0.1s;
|
|
border: solid 1px #eeeeee; }
|
|
#membre-popover.is-visible {
|
|
opacity: 1; }
|
|
#membre-popover .membre-popover-inner {
|
|
display: flex;
|
|
gap: 1rem;
|
|
align-items: flex-start; }
|
|
#membre-popover .membre-popover-pic {
|
|
width: 80px;
|
|
height: 80px;
|
|
object-fit: cover;
|
|
object-position: top;
|
|
flex-shrink: 0; }
|
|
#membre-popover .membre-popover-name {
|
|
font-size: 1.1rem;
|
|
font-weight: normal;
|
|
margin: 0 0 0.3rem; }
|
|
#membre-popover .membre-popover-status {
|
|
text-transform: uppercase;
|
|
color: #3e3e3e;
|
|
margin: 0 0 0.6rem; }
|
|
#membre-popover .membre-popover-domaines {
|
|
font-size: 0.8rem;
|
|
margin: 0 0 0.3rem;
|
|
line-height: 1.5; }
|
|
#membre-popover .membre-popover-autres {
|
|
font-size: 0.8rem;
|
|
margin: 0;
|
|
line-height: 1.5;
|
|
color: #3e3e3e; }
|
|
|
|
.filtre-role {
|
|
flex: 2; }
|
|
|
|
.filtre-recherche {
|
|
flex: 1; }
|
|
|
|
.membres-search-input {
|
|
width: 100%;
|
|
border: none;
|
|
padding: 0.6rem 0.8rem;
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.85rem;
|
|
background-color: #eeeeee;
|
|
outline: none; }
|
|
.membres-search-input::placeholder {
|
|
color: #3e3e3e; }
|
|
.membres-search-input:focus {
|
|
background-color: #cccccc; }
|
|
@media (min-width: 1024px) {
|
|
.membres-search-input {
|
|
width: 50%; } }
|
|
|
|
.labo-images {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 1.5rem;
|
|
margin-bottom: 3rem; }
|
|
|
|
.labo-image {
|
|
flex: 0 0 auto;
|
|
width: 100%;
|
|
margin-top: 2rem; }
|
|
.labo-image img {
|
|
width: 100%;
|
|
height: auto;
|
|
display: block; }
|
|
.labo-image figcaption {
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.85rem;
|
|
color: #3e3e3e;
|
|
margin-top: 0.5rem; }
|
|
@media (min-width: 768px) {
|
|
.labo-image {
|
|
width: calc(50% - 0.75rem); } }
|
|
|
|
.labo-section {
|
|
margin-top: 5rem; }
|
|
.labo-section > h3 {
|
|
font-family: "NewsCycle", sans-serif;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-bottom: 2rem; }
|
|
.labo-section > h3::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 10px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, transparent 50%, #f7ff29 100%);
|
|
z-index: 2;
|
|
pointer-events: none;
|
|
bottom: -10px; }
|
|
|
|
.labo-dropdowns {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
margin-top: 5rem; }
|
|
.labo-section .labo-dropdowns {
|
|
margin-top: 0; }
|
|
|
|
.labo-dropdown-item.is-open {
|
|
position: relative;
|
|
padding-bottom: 1rem; }
|
|
.labo-dropdown-item.is-open::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 30px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, transparent 50%, #f7ff29 100%);
|
|
z-index: 2;
|
|
pointer-events: none; }
|
|
|
|
.labo-dropdown-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1.2rem;
|
|
padding: 0.8rem;
|
|
background-color: #eeeeee;
|
|
cursor: pointer;
|
|
transition: background-color 0.15s;
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: inherit;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
margin: 0; }
|
|
.labo-dropdown-header:hover {
|
|
background-color: #cccccc; }
|
|
|
|
.labo-dropdown-chevron {
|
|
font-size: 1.2rem;
|
|
transition: transform 0.2s;
|
|
flex-shrink: 0;
|
|
margin-left: auto; }
|
|
.labo-dropdown-item.is-open .labo-dropdown-chevron {
|
|
transform: rotate(180deg); }
|
|
|
|
.labo-dropdown-content {
|
|
padding: 1rem 1rem 1rem 1rem;
|
|
background-color: #fcfcfc;
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.9rem;
|
|
line-height: 1.6; }
|
|
.labo-dropdown-content p {
|
|
margin-bottom: 0.6rem; }
|
|
.labo-dropdown-content p + ul {
|
|
margin-top: -1rem; }
|
|
.labo-dropdown-content ul, .labo-dropdown-content ol {
|
|
padding-left: 1.2rem;
|
|
margin-bottom: 0.6rem; }
|
|
|
|
.labo-axes-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0; }
|
|
.labo-axes-list li {
|
|
padding: 0.5rem 0;
|
|
border-bottom: 1px solid #eeeeee; }
|
|
.labo-axes-list li:last-child {
|
|
border-bottom: none; }
|
|
.labo-axes-list li a {
|
|
text-decoration: none; }
|
|
.labo-axes-list li a:hover {
|
|
text-decoration: underline; }
|
|
|
|
.labo-bibliotheques {
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.9rem;
|
|
line-height: 1.6; }
|
|
.labo-bibliotheques p {
|
|
margin-bottom: 0.8rem; }
|
|
.labo-bibliotheques p + ul {
|
|
margin-top: -1rem;
|
|
margin-bottom: 0.6rem; }
|
|
.labo-bibliotheques a {
|
|
text-decoration: underline; }
|
|
|
|
.programme-description {
|
|
margin-bottom: 1.5rem; }
|
|
.programme-description p {
|
|
margin-bottom: 0.6rem; }
|
|
.programme-description ul, .programme-description ol {
|
|
padding-left: 1.2rem; }
|
|
.programme-description a {
|
|
text-decoration: underline; }
|
|
|
|
.programme-link {
|
|
padding-top: 0.5rem;
|
|
border-top: 1px solid #eeeeee; }
|
|
|
|
.search-page-form {
|
|
margin-top: 2rem;
|
|
margin-bottom: 3rem; }
|
|
@media (min-width: 1024px) {
|
|
.search-page-form {
|
|
width: 50%; } }
|
|
.search-page-form .search-panel__desc {
|
|
margin-bottom: 1.3rem; }
|
|
|
|
.search-page-form + #category-filters {
|
|
margin-top: 0; }
|
|
|
|
.author-results {
|
|
margin-bottom: 3rem; }
|
|
.author-results__title {
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.8rem;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
margin-bottom: 1.2rem;
|
|
color: #3e3e3e; }
|
|
|
|
.taxonomy-results {
|
|
margin-bottom: 3rem; }
|
|
.taxonomy-results__title {
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.8rem;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
margin-bottom: 1.2rem;
|
|
color: #3e3e3e; }
|
|
.taxonomy-results__list {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.6rem; }
|
|
.taxonomy-results__link {
|
|
display: block;
|
|
padding: 0.5rem 1rem;
|
|
border: 1px solid #eeeeee;
|
|
text-decoration: none;
|
|
transition: border-color 0.15s; }
|
|
.taxonomy-results__link:hover {
|
|
border-color: #1a1a1a; }
|
|
.taxonomy-results__name {
|
|
font-family: "Gelasio", serif;
|
|
font-size: 0.95rem;
|
|
line-height: 1.3; }
|
|
.taxonomy-results__meta {
|
|
display: block;
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.7rem;
|
|
text-transform: uppercase;
|
|
color: #3e3e3e;
|
|
margin-top: 0.15rem; }
|
|
|
|
.author-cards-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: 1.5rem; }
|
|
@media (min-width: 768px) {
|
|
.author-cards-grid {
|
|
grid-template-columns: repeat(3, 1fr); } }
|
|
@media (min-width: 1024px) {
|
|
.author-cards-grid {
|
|
grid-template-columns: repeat(6, 1fr); } }
|
|
|
|
.author-card {
|
|
border-bottom: solid 1px #e0775d;
|
|
padding-bottom: 0.4rem; }
|
|
.author-card__visual {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 14vh;
|
|
padding: 0.7rem;
|
|
background-color: #f7dcd5;
|
|
overflow: hidden;
|
|
text-decoration: none; }
|
|
.author-card__visual img {
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
width: auto;
|
|
height: auto;
|
|
transition: transform 0.2s ease-out; }
|
|
.author-card__visual:hover img {
|
|
transform: scale(0.98); }
|
|
.author-card__initials {
|
|
font-family: "Gelasio", serif;
|
|
font-size: 2rem;
|
|
color: #e0775d;
|
|
user-select: none; }
|
|
.author-card__info {
|
|
padding-top: 0.5rem; }
|
|
.author-card__name {
|
|
font-family: "Gelasio", serif;
|
|
font-size: 1rem;
|
|
font-weight: normal;
|
|
line-height: 1.2;
|
|
margin-bottom: 0.3rem; }
|
|
.author-card__name a {
|
|
text-decoration: none; }
|
|
.author-card__role, .author-card__affiliation {
|
|
font-family: "NewsCycle", sans-serif;
|
|
font-size: 0.75rem;
|
|
text-transform: uppercase;
|
|
line-height: 1.3;
|
|
color: #3e3e3e;
|
|
margin: 0; }
|
|
|
|
/*
|
|
Theme Name: Thalim
|
|
Author: Valentin Le Moign
|
|
Version: 1.0
|
|
*/
|
|
|
|
/*# sourceMappingURL=style.css.map */
|