header{ #block-mainnavigation{ ul{ li{ font-size: 0.8rem; a{ color: black; font-family: 'truenoregular'; &.is-active{ font-family: 'truenobold'; color: black; text-decoration: none; } &:hover{ font-family: 'truenobold'; color: black; text-decoration: none; } } } } } } #txt_present{ margin: 3rem 0; @media screen and (min-width: 992px) { margin: 5rem 0; } & * { color: $color2; } & > div{ margin: 2rem auto; } .__title-present{ h2{ font-size: 1.9rem; font-family: 'truenoregular'; line-height: normal; } } .__sub-title-present{ p{ font-family: 'truenoregular_italic'; font-size: 0.9rem; line-height: 1.3rem; } } .__body-present{ p{ font-family: 'truenolight'; font-size: 1.2rem; line-height: 1.8rem; } } .more_link{ padding: 0rem 1rem 0.2rem 1rem; background: white; a{ font-size: 0.7rem } } } #block-views-block-dernieres-publications-block-1{ .views{ section:not(.wrap_head){ margin: 1rem 0; @media screen and (min-width: 768px) { margin: 1rem calc( 0rem - #{$gutter}); } } } } #block-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{ @include shadow; background: white; width: fit-content; margin: auto; padding: 0.5rem 1rem; font-size: 12px; display: block; font-family: 'truenobold'; color: $color2; } } } } .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: 'truenobold'; padding-bottom:0; } } #block-views-block-gallerie-block-1, #block-views-block-slide-programme-block-1, #block-views-block-dernieres-publications-block-1{ margin: 2rem 0; @media screen and (min-width: 992px) { margin: 5rem 0; } h3{ text-transform: uppercase; margin: 0; font-family: 'dukefill'; font-size: 2rem; letter-spacing: $letter_spacingH; color: $color2 } } #block-views-block-slide-programme-block-1{ h3{ &::after{ display: inline-flex; width: 60px; height: 60px; vertical-align: middle; margin-left:20px; @include labelOnline; } } }