/*-----------------------------------------------------------------------------------*/ /* 0. PAGES HYBRID DISPLAY /*-----------------------------------------------------------------------------------*/ .elementor-pages-hybrid-list { width: 90%; margin: auto; position: relative; } .elementor-pages-hybrid-slider { display: flex; vertical-align: center; height: 120px; position: relative; } .elementor-pages-hybrid-classic-list { display: flex; align-items: center; flex-wrap: wrap; } .elementor-pages-hybrid-list .elementor-pages-hybrid-item { width: 120px; height: 120px; display: block; margin: auto; position: relative; } .elementor-hybrid-image, .elementor-hybrid-image-overlay { position: absolute; width: 120px; height: 120px; display: block; background-size: 100% auto; background-repeat: no-repeat; background-position: center; } .elementor-hybrid-item-circular .elementor-hybrid-image, .elementor-hybrid-item-circular .elementor-hybrid-image-overlay { border-radius: 100%; } .elementor-pages-hybrid-list .elementor-hybrid-image-overlay { background-color: black; } .elementor-pages-hybrid-list .elementor-hybrid-content { position: absolute; display: block; width: 100%; top: 50%; transform: translate(0, -50%); } .elementor-hybrid-content { text-align: center; word-break: break-all; } .elementor-hybrid-content > * { margin: 0; padding: 0; } .elementor-pages-hybrid-list .elementor-hybrid-pages-button i { position: absolute; top: 50%; transform: translate(0, -50%); font-size: 150%; cursor: pointer; } .elementor-pages-hybrid-list .elementor-hybrid-pages-button .fa-chevron-left { left: -20px; } .elementor-pages-hybrid-list .elementor-hybrid-pages-button .fa-chevron-right { right: -20px; } @media (min-width: 500px) { .elementor-pages-hybrid-list .elementor-hybrid-pages-button .fa-chevron-left { left: -40px; } .elementor-pages-hybrid-list .elementor-hybrid-pages-button .fa-chevron-right { right: -40px; } .elementor-pages-hybrid-slider { height: 140px; } .elementor-pages-hybrid-list .elementor-pages-hybrid-item { width: 140px; height: 140px; } .elementor-hybrid-image, .elementor-hybrid-image-overlay { width: 140px; height: 140px; } } @media (min-width: 1000px) { .elementor-pages-hybrid-list { width: 90%; } } @media (min-width: 1400px) { .elementor-pages-hybrid-list { width: 100%; } }