/* LINEA SOTTO IL TITOLO */ .headings-wrapper:after { width: 90px; height: 1.2px; background: rgb(33, 37, 41); content: ""; display: block; left: 50%; margin: 20px auto; } .headings-wrapper h2 { margin-top: 1.5rem; } /* PAGE HEADINGS */ .headings { margin-top: 2.5rem !important; } .hydra-milestone-wrapper { text-align: center; } /* GRID CARD */ /* slide up - e.g. prodotti */ .almar-grid-card-slideUp .card [class*=OverlayCard_textBackground], .almar-grid-card-slideUp .card [class*=cardTextWrapper] { align-items: center; justify-content: center; transition: all .3s; height: 20%; } .almar-grid-card-slideUp-smaller .card [class*=OverlayCard_textBackground], .almar-grid-card-slideUp-smaller .card [class*=cardTextWrapper] { height: 12%; } .almar-grid-card-slideUp .card:hover [class*=OverlayCard_textBackground], .almar-grid-card-slideUp .card:hover [class*=cardTextWrapper] { height: 100%; } /* slide up with right arrow - e.g. press */ .almar-grid-card-slideUp-arrow .card-title { font-size: 16px; text-transform: uppercase; } .almar-grid-card-slideUp-arrow .date { color: white; } .almar-grid-card-slideUp-arrow [class*=OverlayCard_textBackground], .almar-grid-card-slideUp-arrow [class*=OverlayCard_cardTextWrapper] { height: 25%; align-items: center; flex-direction: row; width: 100%; transition: all .3s; } .almar-grid-card-slideUp-arrow [class*=OverlayCard_textBackground]>div, .almar-grid-card-slideUp-arrow [class*=OverlayCard_cardTextWrapper]>div { flex-basis: 85%; } .almar-grid-card-slideUp-arrow [class*=OverlayCard_textBackground]:after, .almar-grid-card-slideUp-arrow [class*=OverlayCard_cardTextWrapper]:after { content: ""; position: relative; display: block; width: 100px; height: 24px; flex-basis: 15%; background-image: var(--almar-arrow-white-right); background-size: contain; background-repeat: no-repeat; background-position: center center; opacity: 0; left: -10%; transition: all .3s; transition-delay: .05s; } .almar-grid-card-slideUp-arrow [class*=OverlayCard_cardImageWrapper]:after { content: ""; background: rgba(0, 0, 0, .5); background: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0) 30%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .almar-grid-card-slideUp-arrow .card:hover [class*=OverlayCard_textBackground], .almar-grid-card-slideUp-arrow .card:hover [class*=OverlayCard_cardTextWrapper] { height: 100%; --hydra-card-texts-background-opacity: 1; } .almar-grid-card-slideUp-arrow .card:hover [class*=OverlayCard_textBackground]:after, .almar-grid-card-slideUp-arrow .card:hover [class*=OverlayCard_cardTextWrapper]:after { opacity: 1; transition-delay: .1s; left: 0; } @media (min-width: 576px) and (max-width:767.98px) { .almar-grid-card-slideUp-arrow [class*=OverlayCard_cardImageWrapper]>span>span { padding: 90% 0px 0px !important; } .almar-grid-card-slideUp-arrow [class*=OverlayCard_textBackground], .almar-grid-card-slideUp-arrow [class*=OverlayCard_cardTextWrapper] { height: 30%; } } /* No border - e.g. prodotto interna */ .almar-grid-card-noBorder .card-title { font-weight: 500; margin-bottom: 0; text-transform: uppercase; font-size: 1rem; } .almar-grid-card-noBorder .card-body { align-items: center; } .almar-grid-card-noBorder .card-text { color: var(--hydra-secondary-lighter); font-size: 90%; } .almar-grid-card-noBorder .card-cta { font-size: 90%; } /* Bigger CTA (e.g. tecnologie) */ .almar-grid-card-bigger-cta .card-cta { font-size: 2.3rem; line-height: 1; } /*zoom effect*/ .almar-grid-card-outer-zoom .card [class*=cardImageWrapper] { transition: all .3s; } .almar-grid-card-outer-zoom .card:hover [class*=cardImageWrapper] { transform: scale(1.1); } /* Scrim bottom - e.g. feel the water home */ .almar-grid-bottom-scrim [class*=scrim]:after { --scrim-dir: to bottom; --scrim-rgb: 0, 0, 0; background: linear-gradient(var(--scrim-dir), rgba(var(--scrim-rgb), 0) 60%, rgba(var(--scrim-rgb), .8) 100%); } /* Mini Card */ .almar-getti-grid a { opacity: .5; transition-property: all; } .almar-getti-grid * { transition-duration: .4s; } .almar-getti-grid a:hover { opacity: 1; } /* TUTORIAL */ .tutorial-row .hydra-flex { flex: 1; } .tutorial-box-black { text-decoration: none; } @media screen and (min-width:1200px) { .tutorial-box-black { flex: 0 0 300px !important; } } /* GLOBALS */ .siteTheme .hydra-cta.almar-cta-underline .btn[class*=link-], .siteTheme .card .card-cta { text-transform: uppercase; position: relative; padding-bottom: .5rem; } .siteTheme .card .card-cta { color: var(--hydra-secondary-lighter); } .siteTheme .hydra-cta.almar-cta-underline .btn[class*=link-]:after, .siteTheme .card .card-cta:after { content: ""; width: 25%; min-width: 40px; height: 1px; background-color: currentColor; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: all .3s; } .siteTheme .hydra-cta.almar-cta-underline .btn[class*=link-]:hover:after, .siteTheme .card:hover .card-cta:after { width: 100%; min-width: 100px; } .siteTheme .hydra-video { background: black; } /* HEADER */ .navbar .navbar-brand { position: static; } .navbar .navbar-brand a, .hydra-navbar2 .hydra-logo { position: absolute; top: 0; z-index: 9; } .navbar .mobile-content { padding-top: calc(3rem + 1.5vw); } .navbar .menu-icon { display: flex; } .navbar .menu-icon .lh-1 { align-items: center; display: flex; } /* FOOTER */ .almar-footer-nav-col .nav { gap: 16px; justify-content: center !important; margin-top: 1.2rem; margin-bottom: 1.5rem; font-size: 14px; } @media screen and (min-width:768px) { .almar-footer-nav-col .nav { gap: 0; flex-direction: column !important; margin-top: 0 !important; align-items: end; justify-content: flex-start !important; } } .almar-footer-nav-col [class*=HorizontalWrapper_item] { align-self: center; } .almar-footer-whistleblowing { color: #0B92C1; } .almar-footer-whistleblowing a { color: inherit; } @media screen and (min-width:768px) { .almar-footer-whistleblowing .hydra-file a { justify-content: flex-end !important; } } /* UTILS */ .almar-condensed-font { font-family: var(--hydra-extra-font-family); } .link-underline-none a, a.link-underline-none { text-decoration: none; } .quote-open, .quote-close { position: relative; } .quote-open:before, .quote-close::before { content: ""; position: absolute; background-image: var(--quote); width: 150px; height: 150px; background-repeat: no-repeat; background-position: var(--quote-position); background-size: contain; } .quote-open { --quote: url('data:image/svg+xml,'); --quote-position: bottom left; } .quote-open:before { top: 50%; left: -5%; transform: translateY(-85%); } .quote-close:before { bottom: 50%; right: -5%; transform: translateY(85%); } .quote-close { --quote: url('data:image/svg+xml,'); --quote-position: top right; } /* OVERRIDES */ .siteTheme .card { --bs-card-border-radius: 0; } .siteTheme { --hydra-primary-contrast-text: var(--bs-light); --bs-border-color: var(--bs-primary); --almar-arrow-white-right: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0ndXRmLTgnPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249JzEuMScgaWQ9J0xheWVyXzEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHg9JzBweCcgeT0nMHB4Jwp3aWR0aD0nODBweCcgaGVpZ2h0PSc0MHB4JyB2aWV3Qm94PScwIDAgODAgNDAnIHN0eWxlPSdlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDQwOycgZmlsbD0iI2ZmZiIgeG1sOnNwYWNlPSdwcmVzZXJ2ZScgPgoKPGc+Cgk8cmVjdCB4PScxMy41JyB5PScxNy44JyBjbGFzcz0nc3QwJyB3aWR0aD0nNDkuOCcgaGVpZ2h0PSczLjknLz4KCTxnPgoJCTxwb2x5Z29uIGNsYXNzPSdzdDAnIHBvaW50cz0nNTAuNSwzNS42IDQ3LjgsMzIuNyA2MS44LDE5LjcgNDcuOCw2LjcgNTAuNSwzLjggNjcuNSwxOS43IAkJJy8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==); } [data-id=faf754fa-3e8c-4968-b569-6b6c298e80cc] { --bs-body-font-family: Arial, Verdana, sans-serif; --hydra-long-texts-font-family: var(--bs-body-font-family); --hydra-headings-font-family: var(--bs-body-font-family); }

concealed modules for shower mixers