.adser-block { text-align: center; margin-bottom: 15px; } .tca-300x250{ min-width:300px; min-height:250px; } .tca-300x600{ min-width:300px; max-height: 600px; } .tca-320x100{ margin:0px auto !important; width:100% !important; height:100px !important; min-height: 100px !important; display: flex; justify-content: center; align-items: center; } .tca-640x480 { min-width: 640px !important; min-height: 360px !important; } @media only screen and (max-width: 600px) { .tca-640x480 { min-width: 100% !important; height: 370px !important; min-height: 185px !important; display: block !important; } } .embed-responsive-16by9{position:relative;padding-bottom:56.25%;height:0;overflow:hidden} .embed-responsive-16by9>embed,.embed-responsive-16by9>iframe,.embed-responsive-16by9>object,.embed-responsive-16by9>video{position:absolute;top:0;left:0;width:100%;height:100%;border:0} .cmp_settings_button{ background: #000; font-size: 0.7rem; color: #fff; text-decoration: none; padding: 4px 8px; border-radius: 2px; position: fixed; bottom: 3px; right: 3px; z-index:1000; transition: all .5s ease; } .cmp_settings_button:hover{ background: #064f8f; color: #fff; } /** * Smart widget theCore. * * Lo spazio in cima alla pagina viene riservato dal JS solo quando l'annuncio * ha davvero un'altezza, tramite `--tca-sticky-h` sull'elemento . Prima * c'era un `BODY { margin-top: 100px !important }` fisso su tutti i telefoni, * che lasciava un buco bianco anche quando l'annuncio non arrivava. */ .tca-sticky { display: none; } .tca-sticky[hidden] { display: none !important; } @media only screen and (max-width: 600px) { .tca-sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 1001; display: flex; flex-direction: column; align-items: flex-end; background-color: #fafafa; border-bottom: 1px solid #e8eef9; transform: translateY(-100%); transition: transform .25s ease; will-change: transform; } .tca-sticky.is-filled { transform: translateY(0); } .tca-sticky.is-closing { transform: translateY(-100%); } .tca-sticky-slot { width: 100%; display: flex; justify-content: center; overflow: hidden; } /* Lo spazio lo tiene l'annuncio, non un'altezza inventata. */ .tca-sticky-slot > .tca { max-width: 100%; } .tca-sticky-close { order: 2; height: 26px; min-width: 34px; padding: 0 6px; color: #123; font-size: 16px; line-height: 1; cursor: pointer; border: 1px solid #e8eef9; border-top: 0; border-right: 0; background-color: #fafafa; border-radius: 0 0 0 4px; } .tca-sticky-close:focus-visible { outline: 2px solid #2f6feb; outline-offset: -2px; } /* Applicata dal JS solo a banner effettivamente riempito. */ html.tca-sticky-on body { padding-top: var(--tca-sticky-h, 0px); } .video-embed { width: 100%; max-height: 200px !important; aspect-ratio: 16/9; } } @media (prefers-reduced-motion: reduce) { .tca-sticky { transition: none; } }