header { #block-colloque2024-mainnavigation { ul { li { font-size: 0.8rem; a { color: black; font-family: "Marianneregular"; &.is-active { font-family: "Mariannebold"; color: black; text-decoration: none; } &:hover { font-family: "Mariannebold"; color: black; text-decoration: none; } } } } } } #txt_present { margin: 3rem 0; @media screen and (max-width: 576px) { margin-bottom: 0; } @media screen and (min-width: 992px) { margin: 5rem 0; } & * { color: $col_black; } & > div { // margin: 2rem auto; min-width: 80% !important; ///changement 2024 } .paragraph--type--video{ margin-top: 5rem; div{ font-family: "Mariannebold"; color: $color2024; font-size: 2.5rem; line-height: 2.3rem; text-transform: none; margin-bottom: 2rem; text-align: left; margin-bottom: 5rem; } @media screen and (max-width: 576px) { margin: 3rem 0; } } .__title-present { h2 { font-size: 1.9rem; font-family: "Marianneregular"; line-height: normal; } } .__sub-title-present { p { font-family: "Marianneregular_italic"; font-size: 0.9rem; line-height: 1.3rem; } } .__body-present { p { font-family: "Mariannelight"; font-size: 1.5rem; line-height: 1.8rem; } } .more_link { padding: 0rem 1rem 0.2rem 1rem; background: white; margin: auto; a { font-size: 0.7rem; color: $color2024; } } } #mainHome{ max-width: 100vw; margin: 0; display: flex; .layout-content{ margin: auto; // height: 1500px; max-width: 1140px; } } #block-colloque2024-renderedsitesettingsblock-6{ display: flex; margin: auto; .site_setting_entity{ display: grid; grid-template-columns: repeat(7, 1fr); margin: auto; // width: 90%; @media screen and (max-width: 550px) { display: flex; flex-direction: column; } div:nth-of-type(1){ font-size: 7rem; font-family: 'Mariannebold'; line-height: 95%; grid-column: 1 / span 5; grid-row: 2; margin-bottom: 2rem; @media screen and (max-width: 550px) { font-size: 3.5rem; order: 3; } } div:nth-of-type(2){ grid-column: 1 / 4; grid-row: 3; font-size: 2.5rem; @media screen and (max-width: 550px) { font-size: 1.5rem; order: 4; } } div:nth-of-type(4){ text-transform: uppercase; font-family: 'Mariannebold'; font-size: 3.5rem; grid-column: 5 / span 7; grid-row: 3; @media screen and (max-width: 550px) { font-size: 1.5rem; order: 2; } } div:nth-of-type(3){ text-transform: uppercase; grid-column: 5 / span 7; grid-row: 1; font-size: 2rem; @media screen and (max-width: 550px) { font-size: 1.5rem; order: 1; } } } } #block-colloque2024-views-block-dernieres-publications-block-1, #block-colloque2024-views-block-slide-interviews-block-1 { .views { section:not(.wrap_head) { margin: 1rem 0; @media screen and (min-width: 768px) { margin: 1rem calc(0rem - #{$gutter}); } } } } #block-colloque2024-views-block-gallerie-block-1 { section:not(.wrap_head) { display: flex; flex-wrap: wrap; margin: 0 -1rem !important; figure { padding: 1rem; margin: 0; width: 100%; max-height: 400px; @media screen and (min-width: 768px) { width: calc(100% / 3); max-height: 300px; } @media screen and (min-width: 1024px) { width: calc(100% / 6); max-height: 200px; } img { width: 100%; height: 100%; object-fit: cover; } } } .pager { text-align: center; margin: 2rem; .wrap--btn { a { border: 1px solid #038788; @include shadow; background: white; width: fit-content; margin: auto; padding: 0.5rem 1rem; font-size: 12px; display: block; font-family: "Mariannebold"; color: $color2024; } } } } .lightbox { position: fixed !important; top: 50% !important; transform: translateY(-50%) !important; } .lb-dataContainer { width: 100%; background: white; .lb-details { width: 100%; } span { display: block; text-align: center; color: black; } .lb-number { font-family: "Mariannebold"; padding-bottom: 0; } } #block-colloque2024-views-block-gallerie-block-1, #block-colloque2024-views-block-slide-programme-block-1, #block-colloque2024-views-block-dernieres-publications-block-1, #block-colloque2024-views-block-slide-interviews-block-1 { margin: 2rem 0; @media screen and (min-width: 992px) { margin: 5rem 0; } h3 { // text-transform: uppercase; margin: 0; font-family: "Mariannebold"; font-size: 2.5rem; letter-spacing: $letter_spacingH; color: $color2024; } } #block-colloque2024-views-block-slide-programme-block-1 { h3 { &::after { display: inline-flex; width: 60px; height: 60px; vertical-align: middle; margin-left: 20px; // @include labelOnline; } } @media screen and (max-width: 576px) { margin-top: 0; } } ///changement 2024 #block-colloque2024-views-block-slide-interviews-block-1{ display: none; } #block-colloque2024-views-block-dernieres-publications-block-1{ display: none; }