#iubenda-cs-banner { font-size: 13px !important; /* edited (default: 15px) */ background: none !important; line-height: 1.5 !important; /* edited (default: 1.5) */ position: fixed !important; z-index: 99999998 !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; will-change: opacity, visibility; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; -webkit-transition: opacity 0.4s ease, visibility 0.4s ease !important; -o-transition: opacity 0.4s ease, visibility 0.4s ease !important; transition: opacity 0.4s ease, visibility 0.4s ease !important; /* default */ } #iubenda-cs-banner [class*=" iub"], #iubenda-cs-banner [class^=iub], #iubenda-cs-banner .iubenda-banner-content:not(.iubenda-custom-content) * { font-size: 100% !important; width: auto !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: none !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; font-family: Open Sans, -apple-system, sans-serif !important; text-decoration: none !important; color: currentColor !important; background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0 0 !important; background-repeat: repeat !important; border: 0 !important; border-color: #000 !important; border-color: currentColor !important; border-radius: 0 !important; border-style: none !important; border-width: medium !important; bottom: auto !important; clear: none !important; clip: auto !important; counter-increment: none !important; counter-reset: none !important; direction: inherit !important; float: none !important; font-style: inherit !important; font-variant: normal !important; font-weight: inherit !important; height: auto !important; left: auto !important; letter-spacing: normal !important; line-height: inherit !important; list-style-type: inherit !important; list-style-position: outside !important; list-style-image: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; opacity: 1; outline: 0 !important; overflow: visible !important; padding: 0 !important; position: static !important; quotes: """" !important; right: auto !important; table-layout: auto !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; top: auto !important; unicode-bidi: normal !important; vertical-align: baseline !important; visibility: inherit !important; white-space: normal !important; width: auto !important; word-spacing: normal !important; z-index: auto !important; background-origin: padding-box !important; background-origin: padding-box !important; background-clip: border-box !important; background-size: auto !important; -o-border-image: none !important; border-image: none !important; border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-column-count: auto !important; -moz-column-count: auto !important; column-count: auto !important; -webkit-column-gap: normal !important; -moz-column-gap: normal !important; column-gap: normal !important; -webkit-column-rule: medium none #000 !important; -moz-column-rule: medium none #000 !important; column-rule: medium none #000 !important; -webkit-column-span: none !important; -moz-column-span: none !important; column-span: none !important; -webkit-column-width: auto !important; -moz-column-width: auto !important; column-width: auto !important; -webkit-font-feature-settings: normal !important; font-feature-settings: normal !important; overflow-x: visible !important; overflow-y: visible !important; -webkit-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; -webkit-perspective: none !important; perspective: none !important; -webkit-perspective-origin: 50% 50% !important; perspective-origin: 50% 50% !important; text-shadow: none !important; -webkit-transition: all 0s ease 0s !important; -o-transition: all 0s ease 0s !important; transition: all 0s ease 0s !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transform-origin: 50% 50% !important; -ms-transform-origin: 50% 50% !important; transform-origin: 50% 50% !important; -webkit-transform-style: flat !important; transform-style: flat !important; word-break: normal !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } #iubenda-cs-banner.iubenda-cs-overlay:before { content: "" !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.5) !important; z-index: 1 !important; pointer-events: auto !important; } #iubenda-cs-banner.iubenda-cs-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } #iubenda-cs-banner.iubenda-cs-top { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } #iubenda-cs-banner.iubenda-cs-bottom { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } #iubenda-cs-banner.iubenda-cs-left { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } #iubenda-cs-banner.iubenda-cs-right { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } #iubenda-cs-banner.iubenda-cs-visible { opacity: 1 !important; visibility: visible !important; } #iubenda-cs-banner.iubenda-cs-visible>* { pointer-events: auto !important; } #iubenda-cs-banner.iubenda-cs-slidein .iubenda-cs-container { -webkit-transition: -webkit-transform 0.4s ease !important; transition: -webkit-transform 0.4s ease !important; -o-transition: transform 0.4s ease !important; transition: transform 0.4s ease !important; transition: transform 0.4s ease, -webkit-transform 0.4s ease !important; } #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-top .iubenda-cs-container { -webkit-transform: translateY(-48px) !important; -ms-transform: translateY(-48px) !important; transform: translateY(-48px) !important; } #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-bottom .iubenda-cs-container { -webkit-transform: translateY(48px) !important; -ms-transform: translateY(48px) !important; transform: translateY(48px) !important; } #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-visible .iubenda-cs-container { -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; } #iubenda-cs-banner .iubenda-cs-container { position: relative !important; z-index: 2 !important; } #iubenda-cs-banner .iubenda-cs-brand { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; padding: 16px !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } #iubenda-cs-banner .iubenda-cs-brand>div { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } #iubenda-cs-banner .iubenda-cs-brand img { max-width: 192px !important; max-height: 56px !important; } #iubenda-cs-banner .iubenda-cs-content { position: relative !important; z-index: 1 !important; overflow: hidden !important; -webkit-transition: -webkit-transform 0.4s ease !important; transition: -webkit-transform 0.4s ease !important; -o-transition: transform 0.4s ease !important; transition: transform 0.4s ease !important; transition: transform 0.4s ease, -webkit-transform 0.4s ease !important; } #iubenda-cs-banner .iubenda-cs-rationale { position: relative !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } #iubenda-cs-banner .iubenda-banner-content { font-weight: 400 !important; margin: 16px !important; margin-bottom: 0 !important; -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; overflow-y: auto !important; mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 16px) !important; -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 16px) !important; padding-bottom: 10px !important; } #iubenda-cs-banner .iubenda-banner-content-padded { padding-right: 32px !important; } #iubenda-cs-banner .iubenda-banner-content a { cursor: pointer !important; color: currentColor !important; opacity: 0.7 !important; text-decoration: underline !important; } #iubenda-cs-banner .iubenda-banner-content a:hover { opacity: 1 !important; } #iubenda-cs-banner #iubenda-cs-title { font-weight: bold !important; margin-bottom: 2px !important; font-size:1.3em; } #iubenda-cs-banner .iubenda-cs-opt-group { margin: 16px !important; z-index: 1 !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin-top: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } #iubenda-cs-banner .iubenda-cs-opt-group>div { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-opt-group { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } #iubenda-cs-banner .iubenda-cs-opt-group-custom { margin-right: auto !important; -ms-flex-item-align: start !important; align-self: start !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } #iubenda-cs-banner .iubenda-cs-opt-group-consent { margin-left: auto !important; -ms-flex-item-align: end !important; align-self: end !important; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media (max-width: 639px) { #iubenda-cs-banner .iubenda-cs-opt-group { margin: 12px !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } #iubenda-cs-banner .iubenda-cs-opt-group-custom { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #iubenda-cs-banner .iubenda-cs-opt-group-consent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } #iubenda-cs-banner .iubenda-cs-opt-group button { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; padding: 8px 32px !important; /*---*/ border-radius: 3px !important; cursor: pointer !important; font-weight: 500!important; font-size: 110% !important; margin-top: 4px !important; margin-bottom: 4px !important; text-align: center !important; } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-opt-group button:not(:last-of-type) { margin-right: 8px !important; } } @media (max-width: 639px) { #iubenda-cs-banner .iubenda-cs-opt-group button { padding: 8px 24px !important; width: 100% !important; display: block; text-align: center !important; margin: 6px 3px !important; } } #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand { margin: 0 -8px 0 !important; } @media (max-width: 991px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand { margin: -8px -8px 0 !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand div { margin: 0 auto !important; width: calc(992px - 32px) !important; } } @media (max-width: 991px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand div { margin: 0 8px !important; } } #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-container { width: 100% !important; } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale { width: 992px !important; margin: 16px auto !important; } } @media (max-width: 991px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-content { padding: 8px !important; } } #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-brand { margin: -8px -8px 0 !important; } #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-brand div { margin: 8px !important; } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-container { width: 992px !important; } } @media (max-width: 991px) { #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-cs-container { width: 100% !important; } } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-container { width: 480px !important; } } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group>div, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group>div, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group>div { width: 100% !important; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group button, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group button, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group button { display: block !important; width: 100% !important; text-align: center !important; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group-custom, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group-custom, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group-custom { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group-consent, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group-consent, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group-consent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-content { -webkit-box-shadow: 0 8px 48px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 8px 48px rgba(0, 0, 0, 0.15) !important; padding: 8px !important; } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-content { border-radius: 4px !important; margin: 16px !important; } } #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-content, #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-rationale { height: 100% !important; } #iubenda-cs-banner.iubenda-cs-fix-height.iubenda-cs-default-floating .iubenda-cs-content { height: calc(100% - 32px) !important; } #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-brand img { max-width: 75% !important; } /* - - - SFONDO BOX - - -*/ #iubenda-cs-banner .iubenda-cs-content { background-color: #e2eaf1!important; background-image: linear-gradient(to bottom right, #e2eaf1, #bed2e366)!important; color: Grey!important; } #iubenda-cs-banner .iubenda-cs-opt-group { color: #000000 !important; } /*--------------------------------*/ /*----------PULSANTI -----------*/ /*--------------------------------*/ /*-TUTTI I PULSANTI OPZIONE-*/ #iubenda-cs-banner .iubenda-cs-opt-group button { /*---*/ color: #FFFFFF !important; } /*-PULSANTI ACCETTA E RIFIUTA-*/ #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary { /*---*/ } /*-PULSANTE ACCETTA-*/ #iubenda-cs-banner .iubenda-cs-opt-group .iubenda-cs-accept-btn { background-color: #FF7F27!important; font-weight: 700!important; } #iubenda-cs-banner .iubenda-cs-opt-group .iubenda-cs-accept-btn:hover { opacity: 0.8 !important; } /*-PULSANTI RIFIUTA E PERSONALIZZA-*/ #iubenda-cs-banner .iubenda-cs-opt-group .iubenda-cs-reject-btn,   #iubenda-cs-banner .iubenda-cs-opt-group .iubenda-cs-customize-btn { /*---*/ background-color: grey!important; opacity:0.55; } #iubenda-cs-banner .iubenda-cs-opt-group .iubenda-cs-reject-btn:hover,   #iubenda-cs-banner .iubenda-cs-opt-group .iubenda-cs-customize-btn:hover { /*---*/ opacity:0.5; } /*- HOVER TUTTI I PULSANTI-*/ #iubenda-cs-banner .iubenda-cs-opt-group button:hover { } /*- FOCUS TUTTI I PULSANTI-*/ #iubenda-cs-banner .iubenda-cs-opt-group button:focus { opacity: 0.8 !important; } /*- TOLGO BRAND IBND-*/ #iubenda-iframe .iub-iframe-brand-button{ opacity:0!important; z-index:-1000; pointer-events: none; } #iubenda-iframe .purposes-header-right>* { flex-shrink: 0!important; margin-right: -16px!important; } /*CHIUSURA*/ #iubenda-cs-banner .iubenda-cs-close-btn { position: absolute !important; top: -2px !important; padding: 16px !important; right: 0 !important; min-width: 48px !important; height: 48px !important; font-size: 24px !important; line-height: 0 !important; font-weight: lighter !important; cursor: pointer !important; text-align: center !important; } #iubenda-cs-banner .iubenda-cs-close-btn:hover { opacity: 0.5 !important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-close-btn { display: none !important; } .iubenda-tp-btn:not([data-tp-nostyle]) { font-size: 100% !important; width: auto !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: none !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; font-family: Open Sans,-apple-system, sans-serif !important; text-decoration: none !important; color: currentColor !important; background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0 0 !important; background-repeat: repeat !important; border: 0 !important; border-color: #000 !important; border-color: currentColor !important; border-radius: 0 !important; border-style: none !important; border-width: medium !important; bottom: auto !important; clear: none !important; clip: auto !important; counter-increment: none !important; counter-reset: none !important; cursor: auto !important; direction: inherit !important; float: none !important; font-style: inherit !important; font-variant: normal !important; font-weight: inherit !important; height: auto !important; left: auto !important; letter-spacing: normal !important; line-height: inherit !important; list-style-type: inherit !important; list-style-position: outside !important; list-style-image: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; opacity: 1; outline: 0 !important; overflow: visible !important; padding: 0 !important; position: static !important; quotes: """" !important; right: auto !important; table-layout: auto !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; top: auto !important; unicode-bidi: normal !important; vertical-align: baseline !important; visibility: inherit !important; white-space: normal !important; width: auto !important; word-spacing: normal !important; z-index: auto !important; background-origin: padding-box !important; background-origin: padding-box !important; background-clip: border-box !important; background-size: auto !important; -o-border-image: none !important; border-image: none !important; border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-column-count: auto !important; -moz-column-count: auto !important; column-count: auto !important; -webkit-column-gap: normal !important; -moz-column-gap: normal !important; column-gap: normal !important; -webkit-column-rule: medium none #000 !important; -moz-column-rule: medium none #000 !important; column-rule: medium none #000 !important; -webkit-column-span: none !important; -moz-column-span: none !important; column-span: none !important; -webkit-column-width: auto !important; -moz-column-width: auto !important; column-width: auto !important; -webkit-font-feature-settings: normal !important; font-feature-settings: normal !important; overflow-x: visible !important; overflow-y: visible !important; -webkit-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; -webkit-perspective: none !important; perspective: none !important; -webkit-perspective-origin: 50% 50% !important; perspective-origin: 50% 50% !important; text-shadow: none !important; -webkit-transition: all 0s ease 0s !important; -o-transition: all 0s ease 0s !important; transition: all 0s ease 0s !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transform-origin: 50% 50% !important; -ms-transform-origin: 50% 50% !important; transform-origin: 50% 50% !important; -webkit-transform-style: flat !important; transform-style: flat !important; word-break: normal !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; appearance: none !important; line-height: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 4px !important; cursor: pointer !important; font-weight: bold !important; font-size: 14px !important; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) !important; color: rgba(0, 0, 0, 0.65) !important; background-color: white !important; display: inline-block !important; vertical-align: middle !important; } .iubenda-tp-btn[data-tp-icon] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%235796d3' fill-rule='evenodd' d='M16 7a4 4 0 0 1 2.627 7.016L19.5 25h-7l.873-10.984A4 4 0 0 1 16 7z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-size: 32px 32px !important; background-position: top .5px left 1px !important; } .iubenda-tp-btn[data-tp-circle] { border-radius: 32px !important; } .iubenda-tp-btn[data-tp-label]:after { content: attr(data-tp-label) !important; padding: 0 16px !important; white-space: nowrap !important; } .iubenda-tp-btn[data-tp-label][data-tp-icon]:after { padding-left: calc(16px + 8px + 8px) !important; } .iubenda-tp-btn[data-tp-float] { position: fixed !important; z-index: 2147483647 !important; } .iubenda-tp-btn[data-tp-float]:not([data-tp-anchored]) { margin: 16px !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored] { margin: 0 16px !important; border-radius: 6px !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float="center-left"], .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float="center-right"], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float="center-left"], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float="center-right"] { margin: 0 !important; top: 75% !important; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float="center-left"], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float="center-left"] { left: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float="center-right"], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float="center-right"] { right: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float="center-left"], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float="center-right"] { margin: 0 !important; top: 50% !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: 0 !important; -webkit-transform-origin: bottom !important; -ms-transform-origin: bottom !important; transform-origin: bottom !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float="center-left"] { left: 0 !important; -webkit-transform: translateY(-50%) rotate(90deg) !important; -ms-transform: translateY(-50%) rotate(90deg) !important; transform: translateY(-50%) rotate(90deg) !important; -webkit-transform-origin: left bottom !important; -ms-transform-origin: left bottom !important; transform-origin: left bottom !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float="center-right"] { right: 0 !important; -webkit-transform: translateY(-50%) rotate(-90deg) !important; -ms-transform: translateY(-50%) rotate(-90deg) !important; transform: translateY(-50%) rotate(-90deg) !important; -webkit-transform-origin: right bottom !important; -ms-transform-origin: right bottom !important; transform-origin: right bottom !important; } .iubenda-tp-btn[data-tp-float][data-tp-float="bottom-left"], .iubenda-tp-btn[data-tp-float][data-tp-float="bottom-right"] { bottom: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float="bottom-left"][data-tp-anchored], .iubenda-tp-btn[data-tp-float][data-tp-float="bottom-right"][data-tp-anchored] { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float="top-left"], .iubenda-tp-btn[data-tp-float][data-tp-float="top-right"] { top: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float="top-left"][data-tp-anchored], .iubenda-tp-btn[data-tp-float][data-tp-float="top-right"][data-tp-anchored] { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float="top-left"], .iubenda-tp-btn[data-tp-float][data-tp-float="bottom-left"] { left: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float="top-right"], .iubenda-tp-btn[data-tp-float][data-tp-float="bottom-right"] { right: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-hover][data-tp-label]:after { max-width: 0 !important; overflow: hidden !important; display: block !important; padding: 0 !important; opacity: 0 !important; -webkit-transition: max-width 0.6s ease, padding 0.6s ease, opacity 0.6s ease !important; -o-transition: max-width 0.6s ease, padding 0.6s ease, opacity 0.6s ease !important; transition: max-width 0.6s ease, padding 0.6s ease, opacity 0.6s ease !important; } .iubenda-tp-btn[data-tp-float][data-tp-hover][data-tp-label]:hover:after { max-width: 192px !important; padding-left: calc(16px + 8px + 8px) !important; padding-right: 10px !important; opacity: 1 !important; } /* ----------------- MOBILE SDK ----------------- */ .iubenda-mobile-sdk #iubenda-cs-banner.iubenda-cs-visible { justify-content: center !important; align-items: center !important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-container { max-height: 100% !important; display: flex !important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content { height: auto !important; border-radius: 0 !important; margin: 0 !important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-opt-group { text-align: center !important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-rationale { display: flex !important; flex-direction: column !important; height: 100% !important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-banner-content { flex: 1; overflow-y: auto !important; margin: 0 !important; padding: 16px 16px 48px !important; max-height: inherit !important; mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 15%) !important; -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 15%) !important; } @media (min-width: 992px) { .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-banner-content, .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-opt-group { margin: 24px !important; } .iubenda-mobile-sdk #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale { width: 100% !important; margin: 0 !important; } } .no-banner #iubenda-cs-banner { display: none !important; } /** fix scrolling in iOS 10 **/ .iubenda-mobile-sdk #iubenda-cs-banner.iubenda-cs-visible .iubenda-cs-container, .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content, .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-rationale { height: 100% !important; } .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-top-container { position: relative !important; } .iubenda-mobile-sdk #iubenda-iframe #iab-container { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; } /** iframe **/ .iubenda-mobile-sdk #iubenda-iframe #iubenda-iframe-popup { height: 100% !important; width: 100% !important; } .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-close-btn { display: none !important; } .iubenda-mobile-sdk #iubenda-iframe { background-color: transparent !important; } /* Fix cookie policy trimming on older Android devices */ .iubenda-mobile-sdk #iubenda-iframe iframe { background-color: transparent !important; position: absolute !important; bottom: 0 !important; top: 0 !important; } .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-spinner { top: 50px !important; } /* Fix TCF widget overlapping footer in older Android devices */ .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-footer { z-index: 9999 !important; } /* Fix popovers going behind footer buttons and not scrolling */ .iubenda-mobile-sdk #iubenda-iframe.iub-popover-visible .iub-popover { z-index: 10000 !important; } .iubenda-mobile-sdk #iubenda-iframe .iub-popover-content { position: relative !important; } .iubenda-mobile-sdk #iubenda-iframe .iub-popover-content>div { -webkit-overflow-scrolling: touch !important; position: absolute !important; top: 0 !important; bottom: 0 !important; } /* Fix purposes widget not scrolling on older iOS and Android devices */ .iubenda-mobile-sdk #purposes-container { -webkit-overflow-scrolling: touch !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; overflow: auto !important; }.iubenda-tp-btn.iubenda-tp-btn--warning::before{display:none!important} /* Avoid scrolling freezes when scrolling the banner from the accept button on iOS html, body { height: 100% !important; overflow: hidden !important; } */