.kiosk { #page-wrapper { max-width: 100%; } .container { width: 100%; max-width: 100%; } .main-content { width: 100%; } nav#block-olivessdu-main-menu, .region--highlighted, footer { display: none; } .site-header__fixable { height: 7em; } .main-content__container { padding-top: 0; } .node__content { padding-bottom: 0; } div#block-views-block-media-display-blocks-source { display: none; } header#header { min-height: initial; margin-bottom: 4em; } div#block-olivessdu-page-title { margin-bottom: 1em; } } nav#block-olivessdu-kioskmain ul.menu { display: flex; justify-content: space-evenly; margin-inline-start: 0; } #block-olivessdu-kioskhomelink, #block-olivessdu-kioskmain { .menu li { display: inline-flex; align-items: center; padding-block: 1px 0; padding-inline: var(--sp1-5); /* line-height: var(--line-height-s); */ line-height: 0; display: inline-block; height: var(--sp2); margin-block: var(--sp1); margin-inline-start: 0; margin-inline-end: var(--sp1); padding-block: 30px; padding-inline: var(--sp1-5); cursor: pointer; text-align: center; -webkit-text-decoration: none; text-decoration: none; color: var(--color-text-primary-medium); border: solid 2px currentColor; border-radius: var(--border-radius); background-color: var(--color--white); font-family: var(--font-sans); font-size: var(--font-size-l); font-size: 1.7em !important; font-weight: 700 !important; -webkit-appearance: none; appearance: none; -webkit-font-smoothing: antialiased; } a { text-decoration: none; } } #block-olivessdu-kioskhomelink { background: none; background-color: none; padding: none; border-radius: 5px; border: none; a { /*font-size: 1.7em;*/ color: #760406; font-size: 27px; font-weight: 700 !important; } a::before { content: "< "; } .menu li { height: initial; padding-block: 15px; } } .slick-lightbox-close:before { font-family: "slick"; font-size: 50px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "×"; } .slick-arrow::before { color: #750305; font-size: 36px; font-size: 3rem; } .slick-lightbox-slick .slick-arrow::before { color: #fff; font-size: 36px; font-size: 3rem; } .slick { .slide__content { } .slide__media, .media--slick { display: flex; justify-content: space-around; img { max-height: 75vh; width: auto; max-width: 100%; /* Prevents width from exceeding container */ object-fit: contain; /* Ensures the entire image fits within bounds */ border: 1px solid #ccc; padding: 4px; } } .slide__caption { } } .slick-lightbox { background: #000000e0 !important; } .test img { max-height: 100vh; width: auto; max-width: 100%; /* Prevents width from exceeding container */ object-fit: contain; /* Ensures the entire image fits within bounds */ } #block-olivessdu-backbuttonforkioskimageslideshow { justify-content: space-around; background: none; background-color: none; padding: none; border-radius: 5px; border: none; button { background: #fff; font-family: var(--font-sans); border-radius: 4px; font-size: var(--font-size-l); font-size: 1.7em !important; font-weight: 700 !important; color: #760406; border: 2px solid #760406; margin-bottom: 1em; padding: 10px; } } .kiosk { .region--sidebar .block { margin: 0; } }