@jumpgroup/avacy-banner/dist/assets/rai-custom.css

oil.js Opt-In Layer for consent management based on the IAB TCF Standard

/* START FONT */
.as-oil__close-banner::after,
.as-oil__intro-txt,
.as-oil__btn-primary,
.as-oil-back-button,
.as-oil-cpc__category-link,
.as-oil__btn-secondary,
.as-oil__btn-tertiary,
.as-oil-cpc__row-title,
.as-oil-cpc__purpose-header,
.as-oil-cpc__purpose-text, 
.as-oil-cpc__purpose-legal-text,
.as-oil-cpc__row-thirdPartiesText, 
.as-oil-cpc__row-customThirdPartiesText,
.as-oil-third-party-list-element
.as-oil-third-party-name,
.as-oil-cpc__purpose-more, 
.as-oil-cpc__stack-more,
.as-oil-third-party-list-element .as-oil-third-party-category-list,
.as-oil-third-party-list-element .as-oil-third-party-link {
  font-size: 14px !important;
  font-size: calc(14px * var(--avacy_font_base_scale)) !important;
}

.as-oil__heading {
  font-size: 19px !important;
  font-size: calc(19px * var(--avacy_font_base_scale)) !important;
}

.as-oil-icon-plus,
.as-oil-icon-minus {
  height: 14px !important;
  width: 14px !important;
  margin-top: 4px;
}
/* END FONT */

/* START COLORS */
a.js-cpc-category-link.as-oil-cpc__category-link {
  color: #aab1c6 !important;
  --avacy_text_color_primary: #aab1c6 !important;
}

a.js-cpc-category-link.as-oil-cpc__category-link.as-oil-cpc__category-link--active {
  color: #252a3f !important;
  --avacy_accent_secondary: #252a3f !important;
}

.as-oil-cpc__switch input:checked ~ span.as-oil-cpc__slider {
  --avacy_accent_secondary: #0ae16d !important;
  background-color: #0ae16d !important;
}
.as-oil-cpc__purpose-more, 
.as-oil-cpc__stack-more {
  color: #aab1c6 !important;
  --avacy_text_color_primary: #aab1c6 !important;
}

.as-oil-back-button__icon path {
  fill: #252a3f !important;
}
/* END COLORS */

/* START BOTTONI */
span.as-oil__close-banner {
  width: 100%;
  max-width: 16rem;
  height: 2.625rem;
  color: #d6dbe6;
  border: 2px solid #d6dbe6;
  border-radius: 7px;
}

span.as-oil__close-banner::after {
  content: 'Continua senza accettare';
  position: absolute;
  line-height: 1;
  color: #252a3f;
  color: var(--avacy_text_color_primary) !important;
  display: flex;
  align-items: center;
  font-weight: bold;
  width: 100%;
  height: 100%;
  font-size: 13px !important;
  font-size: calc(13px * var(--avacy_font_base_scale)) !important;
}

.as-oil-l-row.as-oil-l-buttons {
  border-top: none;
  margin-top: 0;
}

.as-oil-l-item__advanced-settings {
  order: 0
}

.as-oil-l-item__optin {
  order: 1
}

button.as-oil__btn-primary,
.as-oil__btn-tertiary.as-js-optin {
  display: flex;
  align-items: center;
  justify-content: center;
}

button.as-oil__btn-primary.as-js-optin::before,
.as-oil__btn-tertiary.as-js-optin::before {
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  display: inline;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.4964 20.5328L9.67203 21.4048C9.9344 21.6529 10.2945 21.7696 10.6525 21.7226C11.0105 21.6757 11.3283 21.47 11.5178 21.1627L10.4964 20.5328ZM2.8244 11.628C2.34282 11.1727 1.58332 11.194 1.12802 11.6756C0.672709 12.1572 0.694011 12.9167 1.1756 13.372L2.8244 11.628ZM22.0214 4.12987C22.3693 3.56576 22.194 2.82646 21.6299 2.47859C21.0658 2.13073 20.3265 2.30603 19.9786 2.87013L22.0214 4.12987ZM11.3208 19.6608L2.8244 11.628L1.1756 13.372L9.67203 21.4048L11.3208 19.6608ZM19.9786 2.87013L9.47503 19.903L11.5178 21.1627L22.0214 4.12987L19.9786 2.87013Z' fill='white'/></svg>");
  margin-right: 0.6rem;
}


button.as-oil__btn-primary.as-js-advanced-settings::before {
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  display: inline;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M2.64932 13.8001H1.33271C0.890887 13.8001 0.532715 13.442 0.532715 13.0001C0.532715 12.5583 0.890887 12.2001 1.33271 12.2001H2.64932C2.99354 11.0435 4.06496 10.2001 5.33337 10.2001C6.60177 10.2001 7.67319 11.0435 8.01741 12.2001H15.35C15.7918 12.2001 16.15 12.5583 16.15 13.0001C16.15 13.442 15.7918 13.8001 15.35 13.8001H8.01741C7.67319 14.9567 6.60177 15.8001 5.33337 15.8001C4.06496 15.8001 2.99354 14.9567 2.64932 13.8001ZM6.53327 13.015C6.5253 13.6709 5.99114 14.2001 5.33337 14.2001C4.67062 14.2001 4.13337 13.6629 4.13337 13.0001C4.13337 12.3374 4.67062 11.8001 5.33337 11.8001C5.99114 11.8001 6.5253 12.3294 6.53327 12.9853L6.53314 13.0001L6.53327 13.015ZM16.15 3.00013C16.15 2.55831 15.7918 2.20013 15.35 2.20013H8.01741C7.67319 1.04354 6.60177 0.200134 5.33337 0.200134C4.06496 0.200134 2.99354 1.04354 2.64932 2.20013H1.33271C0.890887 2.20013 0.532715 2.55831 0.532715 3.00013C0.532715 3.44196 0.890887 3.80013 1.33271 3.80013H2.64932C2.99354 4.95673 4.06496 5.80013 5.33337 5.80013C6.60177 5.80013 7.67319 4.95673 8.01741 3.80013H15.35C15.7918 3.80013 16.15 3.44196 16.15 3.00013ZM5.33337 1.80013C5.99112 1.80013 6.52527 2.32933 6.53327 2.98519L6.53314 3.00013L6.53327 3.01508C6.52527 3.67093 5.99112 4.20013 5.33337 4.20013C4.67062 4.20013 4.13337 3.66288 4.13337 3.00013C4.13337 2.33739 4.67062 1.80013 5.33337 1.80013ZM1.33301 7.20013C0.891181 7.20013 0.533009 7.55831 0.533009 8.00013C0.533009 8.44196 0.891181 8.80013 1.33301 8.80013H8.66556C9.00978 9.95673 10.0812 10.8001 11.3496 10.8001C12.618 10.8001 13.6894 9.95673 14.0337 8.80013H15.3503C15.7921 8.80013 16.1503 8.44196 16.1503 8.00013C16.1503 7.55831 15.7921 7.20013 15.3503 7.20013H14.0337C13.6894 6.04354 12.618 5.20013 11.3496 5.20013C10.0812 5.20013 9.00978 6.04354 8.66556 7.20013H1.33301ZM11.3496 6.80013C10.6869 6.80013 10.1496 7.33739 10.1496 8.00013C10.1496 8.66288 10.6869 9.20013 11.3496 9.20013C12.0124 9.20013 12.5496 8.66288 12.5496 8.00013C12.5496 7.33739 12.0124 6.80013 11.3496 6.80013Z' fill='white'/></svg>");
  margin-right: 0.6rem;
}

.as-oil-l-row.as-oil-l-buttons .as-oil-l-item {
  padding-left: 0;
  padding-right: 0;
}

.as-oil-l-row.as-oil-l-buttons .as-oil-l-item button {
    width: 100%;
    max-width: none;
}
.as-oil-cpc__right .as-oil-l-row.as-oil-l-buttons .as-oil-l-item {
  width: 100%;
}

.as-oil-cpc__row-btn-all .as-oil__btn-secondary {
  max-width: none !important;
}
/* END CSS BOTTONI */

/* START CSS SCROLLBAR */
  p.as-oil__intro-txt::-webkit-scrollbar {
    display: block;
    width: 2px;
  }
  
  /* Track */
  p.as-oil__intro-txt::-webkit-scrollbar-track {
    --avacy_third_parties_background: #edeff3;
    border-radius: 0;
    background: #edeff3;
    background: var(--avacy_third_parties_background);
  }
  
  /* Handle */
  p.as-oil__intro-txt::-webkit-scrollbar-thumb {
    --avacy_accent_primary: #252a3f;
    background: #252a3f;
    background: var(--avacy_accent_primary);
    border-radius: 0;
  }
  
  /* Handle on hover */
  p.as-oil__intro-txt::-webkit-scrollbar-thumb:hover {
    --avacy_accent_primary: #252a3f;
    background: #252a3f;
    background: var(--avacy_accent_primary);
  }
/* END CSS SCROLLBAR */

/* START GENERALE */
  div.as-oil-content-overlay {
    padding: 1.5rem 1rem;
  }
  
  .as-oil__intro-txt {
    height: 15vh;
  }

  #as-oil-cpc > div > div.as-oil__top-cpc > div.as-oil__top-cpc-content > p {
    height: 7vh;
  }

  body.avacy-mobile-env .as-oil-content-overlay {
    height: 100vh !important; /* set height as viewport height for all devices */
  }

  div.as-oil-l-wrapper-layout-max-width {
    padding-top: 5rem;
  }


  body.avacy-mobile-env div.as-oil-l-wrapper-layout-max-width {
    height: 100% !important;
  }

  div.as-oil-l-wrapper-layout-max-width.as-oil-cpc-wrapper {
    padding-top: 0;
  }

  p.as-oil__intro-txt {
    max-height: 40vh;
  }

  div.as-oil__heading {
    min-width: 100%;
    padding-right: 0;
    margin-bottom: 1rem;
  }

  .as-oil-cpc__purpose-header {
    margin: 0 2rem 0 0 !important;
  }
  
  .as-oil-cpc__purpose-text {
    padding-right: 50px !important;
  }
  
  .as-oil-third-party-list-element .as-oil-third-party-toggle-part {
    margin-left: 0 !important;
    margin-top: 0.5rem !important;
  }
  
  .as-oil-third-party-name {
    margin: 0 1.5rem !important;
    flex: 1;
  }
  
  .as-oil-cpc__purpose {
    padding: 2rem 0.5rem !important;
  }
  
  .Vendor.as-oil-third-party-list-element {
    padding: 1.5rem !important;
    margin-bottom: 0 !important;
  }
  
  .Vendor__Heading {
    align-items: flex-start !important;
  }
  
  .as-oil-back-button__icon {
    max-height: 1.1rem !important;
    max-width: 1.1rem !important;
  }

  .as-oil-cpc__content {
    width: 100%;
    padding-top: 1rem;
    position: relative;
    height: 100%;
  }

  .as-oil-cpc__content::before {
    content: '';
    position: absolute;
    height: 1px;
    width: calc(100% - 2rem);
    left: 1rem;
    top: 0;
    background-color: #eaeaea;
  }

  body.avacy-mobile-env div.as-oil-cpc__middle {
    height: 100%;
    max-height: calc(100vh - 24rem);
  }

  .as-oil-cpc__switch {
    width: 58px !important;
    height: 32px !important;
  }

  .as-oil-cpc__slider:before {
      height: 26px !important;
      width: 26px !important;
  }

  .as-oil-cpc__switch input:checked ~ .as-oil-cpc__slider:before {
    transform: translateX(26px) !important;
  }
/* END GENERALE */

/* START SECOND LAYER */
div#as-oil-cpc {
  padding: 1.5rem 0 0 !important;
}


.as-oil-cpc-wrapper .as-oil__heading,
.as-oil-cpc-wrapper p.as-oil__intro-txt,
.as-oil-cpc__row-btn-all,
.as-oil-cpc__left,
.as-oil-cpc__middle,
button.as-oil-back-button.as-js-oilback {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.as-oil-cpc__row-title {
  padding-top: 1.3rem;
}

.as-oil-cpc__row-btn-all {
  margin-top: 0 !important;
}

.as-oil__btn-secondary {
    min-width: auto !important;
}

.as-oil-l-row .as-oil-l-buttons {
    padding: 0;
}

.as-oil-cpc__right {
    padding: 1rem;
    border-top: 0 !important;
}
/* END SECOND LAYER */

/* START MOBILE */
.as-oil.OilMobile,
.as-oil.OilMobile .as-oil-cpc__purpose-text, 
.as-oil.OilMobile .as-oil-cpc__purpose-legal-text {
  color: #252a3f !important;
}

.as-oil.OilMobile .as-oil__intro-txt {
  height: 45vh;
  max-height: 40vh !important;
  color: #252a3f !important;
}

.as-oil.OilMobile .as-oil__top-cpc {
  height: 19vh !important;
}

.as-oil.OilMobile .as-oil__top-cpc .as-oil__intro-txt {
  height: auto;
}

/* Regola per mobile < 4" */
@media screen and (max-width: 320px) {
  body.avacy-mobile-env .as-oil.OilMobile .as-oil__intro-txt{
    max-height: 30vh !important; /* stretch text div in first layer */
  }

  body.avacy-mobile-env .as-oil-cpc__right {
    position: fixed;
    bottom: 0;
  }
}

.as-oil.OilMobile .as-oil__intro-txt a,
.as-oil.OilMobile .as-oil-back-button__text {
  font-weight: bold;
  color: #252a3f;
}

.as-oil.OilMobile .as-oil__heading {
  font-weight: bold;
}

.as-oil.OilMobile .as-oil__btn-secondary {
  background-color: #d6dbe6;
  color: #252a3f;
}

.as-oil.OilMobile .as-oil__btn-secondary:hover {
  background-color: #d6dbe6;
  color: #252a3f;
}

.as-oil.OilMobile .as-oil__btn-primary,
.as-oil.OilMobile .as-oil__btn-tertiary {
  background-color: #000099;
}

.as-oil.OilMobile .as-oil-third-party-list-element svg path {
  fill: #252a3f;
}

.as-oil.OilMobile .as-oil-cpc__row-thirdPartiesText, 
.as-oil.OilMobile .as-oil-cpc__row-customThirdPartiesText{
  color: #252a3f;
}

.as-oil.OilMobile .as-oil-cpc__row-thirdPartiesText a, 
.as-oil.OilMobile .as-oil-cpc__row-customThirdPartiesText a {
  font-weight: bold;
  color: #252a3f;
}

.as-oil.OilMobile .as-oil__btn-primary:hover,
.as-oil.OilMobile .as-oil__btn-tertiary:hover {
  background-color: #000099;
}

.as-oil.OilMobile .as-oil-content-overlay[data-qa="oil-cpc-overlay"] .as-oil-cpc__row-btn-all {
  padding-bottom: 1rem !important;
}

.as-oil.OilMobile .as-oil-cpc__left a {
  white-space: nowrap !important;
  width: auto !important;
  min-width: initial !important;
  display: table;
}

.as-oil.OilMobile .as-oil-cpc__row-title,
.as-oil.OilMobile .as-oil-cpc__purpose-header.Purpose__Title,
.as-oil.OilMobile .as-oil-cpc__left a {
  font-weight: bold;
}
/* END MOBILE */

@media screen and (min-width: 350px) {
 
  body.avacy-mobile-env div.as-oil-content-overlay {
    padding: 2rem 1rem 2rem 1rem !important;
  }

  body.avacy-mobile-env .as-oil.OilMobile .as-oil__intro-txt {
    max-height: 50vh !important;
  }
  
}
@media screen and (min-width: 376px) {
  .as-oil__close-banner::after,
  .as-oil__intro-txt,
  .as-oil__btn-primary,
  .as-oil-back-button,
  .as-oil-cpc__category-link,
  .as-oil__btn-secondary,
  .as-oil-cpc__row-title,
  .as-oil-cpc__purpose-header,
  .as-oil-cpc__purpose-text, 
  .as-oil-cpc__purpose-legal-text,
  .as-oil-cpc__row-thirdPartiesText, 
  .as-oil-cpc__row-customThirdPartiesText,
  .as-oil-third-party-list-element
  .as-oil-third-party-name,
  .as-oil-cpc__purpose-more, 
  .as-oil-cpc__stack-more,
  .as-oil-third-party-list-element .as-oil-third-party-category-list,
  .as-oil-third-party-list-element .as-oil-third-party-link {
      font-size: 16px !important;
      font-size: calc(16px * var(--avacy_font_base_scale)) !important;
  }

  body.avacy-mobile-env .as-oil.OilMobile .as-oil__intro-txt {
    max-height: 45vh !important;
  }

  body.avacy-mobile-env div#as-oil-cpc {
    padding: 1rem 0 0 !important; /* adjusting Save button in pref center for iPhone Pro Max */ 
  }
  .as-oil__heading {
    font-size: 32px !important;
    font-size: calc(32px * var(--avacy_font_base_scale)) !important;
  }

  body.avacy-mobile-env .as-oil__heading {
      font-size: 24px !important;
      font-size: calc(24px * var(--avacy_font_base_scale)) !important; /* resize heading banner text */
  }

  body.avacy-mobile-env .div.as-oil-l-wrapper-layout-max-width {
    padding-top: 4rem;
  }

  body.avacy-mobile-env .as-oil-cpc__right {
    padding: 0.5rem 1rem 1rem 1rem;
    border-top: 0 !important;
  }

  body.avacy-mobile-env .as-oil-cpc__content {
    padding-top: 0.2rem;
  }

  body.avacy-mobile-env .as-oil.OilMobile .as-oil-content-overlay[data-qa="oil-cpc-overlay"] .as-oil-cpc__row-btn-all {
    padding-bottom: 0.4rem !important;
  }
}
@media screen and (max-width: 600px) {
  .as-oil-l-row.as-oil-l-buttons {
    flex-direction: column;
  }

  .as-oil-cpc__left a {
      white-space: nowrap !important;
      width: auto !important;
      min-width: auto !important;
  }

  .as-oil-cpc__row-btn-all {
      margin-top: 0 !important;
  }

  .as-oil__heading.is-scrolled {
      margin-bottom: 0;
  }

  .as-oil-cpc__middle {
      transition: all 0.5s linear;
      
  }
  .as-oil-cpc__middle.is-scrolled {
      padding: 0 1rem 0.3rem 1rem !important;
      max-height: none !important;
  }

  .as-oil-l-wrapper-layout-max-width.as-oil-cpc-wrapper .as-oil__intro-txt {
      transition: all 0.5s linear;
      overflow: hidden;
  }

  .as-oil-l-wrapper-layout-max-width.as-oil-cpc-wrapper .as-oil__intro-txt.is-scrolled {
      height: 0 !important;
      visibility: hidden;
  }
}
@media screen and (min-width: 601px) {
  div.as-oil-content-overlay {
    padding: 3rem 2rem;
  }

  .as-oil-cpc__left-wrapper {
      align-items: flex-start !important;
      text-align: center;
  }

  div.as-oil__heading {
      font-size: 32px !important;
      font-size: calc(32px * var(--avacy_font_base_scale)) !important;
  }

  .as-oil-l-row.as-oil-l-buttons {
      justify-content: space-between;
      flex-direction: row;
  }

  .as-oil-l-row.as-oil-l-buttons .as-oil-l-item {
      width: 49%;
  }

  p.as-oil__intro-txt {
      width: 100%;
      overflow: auto;
      max-height: 40vh;
  }

  div.as-oil-cpc__middle {
    max-height: 35vh;
    padding: 0 1.5rem 0 1.5rem;
  }

  .as-oil-cpc__right {
    margin-top: 0 !important;
  }

  .as-oil-l-row.as-oil-l-buttons {
    width: 100%;
    margin-top: 1rem;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
  
  div#as-oil-cpc .as-oil-l-row.as-oil-l-buttons {
    margin-top: 0rem;
  }

  div#as-oil-cpc {
    padding: 2.5rem 0 0 !important;
  }

  .as-oil-cpc-wrapper .as-oil__heading,
  .as-oil-cpc-wrapper p.as-oil__intro-txt,
  .as-oil-cpc__row-btn-all,
  .as-oil-cpc__left,
  .as-oil-cpc__middle,
  button.as-oil-back-button.as-js-oilback {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  div.as-oil-cpc__middle-wrapper::-webkit-scrollbar {
    display: block;
    width: 6px;
  }
  
  /* Track */
  div.as-oil-cpc__middle-wrapper::-webkit-scrollbar-track {
    --avacy_third_parties_background: #edeff3;
    background: #edeff3;
    background: var(--avacy_third_parties_background);
  }
  
  /* Handle */
  div.as-oil-cpc__middle-wrapper::-webkit-scrollbar-thumb {
    --avacy_accent_primary: #252a3f;
    background: #252a3f;
    background: var(--avacy_accent_primary);
  }
  
  /* Handle on hover */
  div.as-oil-cpc__middle-wrapper::-webkit-scrollbar-thumb:hover {
    --avacy_accent_primary: #252a3f;
    background: #252a3f;
    background: var(--avacy_accent_primary);
  }

  .as-oil-cpc__content {
    padding-top: 2rem;
    margin-top: 1rem;
  }

  body.avacy-mobile-env .as-oil-cpc__content {
    height: 25rem; /* stretched central view in second layer  */
  }

  .as-oil-cpc__content::before {
    width: calc(100% - 4rem);
    left: 2rem;
  }

}

@media screen and (min-width: 768px) {
  div.as-oil-cpc__middle {
    max-height: 40vh;
    position: relative;
  }

  body.avacy-mobile-env .as-oil.OilMobile .as-oil__intro-txt {
    max-height: 40vh !important;
  }

  body.avacy-mobile-env  div.as-oil-cpc__middle {
    max-height: 25vh; /* compress second layer view with back-button in landscape mode */
  }

  body.avacy-mobile-env .as-oil__top-cpc-img {
    max-width: 100px !important; 
  }

}

@media screen and (max-width: 1023px) {
  .as-oil-cpc__middle.scroll-content-start::before {
    pointer-events: none;
    position: absolute;
    content: '';
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    background: #dfdfdf !important;
    background: -moz-linear-gradient(180deg, #dfdfdf 0%, rgba(249, 249, 249, 0) 100%) !important;
    background: -webkit-linear-gradient(180deg, #dfdfdf 0%, rgba(249, 249, 249, 0) 100%) !important;
    background: linear-gradient(180deg, #dfdfdf 0%, rgba(249, 249, 249, 0) 100%) !important;
    height: 1.5rem !important;
    opacity: 0.4;
  }
  .as-oil-cpc__middle.scroll-content-end::after {
    pointer-events: none;
    position: absolute;
    content: '';
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #dfdfdf !important;
    background: -moz-linear-gradient(0, #dfdfdf 0%, rgba(249, 249, 249, 0) 100%) !important;
    background: -webkit-linear-gradient(0, #dfdfdf 0%, rgba(249, 249, 249, 0) 100%) !important;
    background: linear-gradient(0, #dfdfdf 0%, rgba(249, 249, 249, 0) 100%) !important;
    height: 1.5rem !important;
    opacity: 0.4;
  }
}
@media screen and (min-width: 1024px) {

  body.avacy-mobile-env  div.as-oil-cpc__middle {
    max-height: 45vh; /* stretch second layer view with back-button in landscape mode */
  }

  p.as-oil__intro-txt {
      padding: 0;
  }

  a.js-cpc-category-link.as-oil-cpc__category-link {
      text-align: left;
  }

  .as-oil-cpc__row-title {
    padding-top: 0.5rem;
  }

  .as-oil-cpc-wrapper p.as-oil__intro-txt {
    width: 100%;
    height: auto !important;
  }

  .as-oil-cpc-wrapper .as-oil-cpc__row-btn-all {
    margin-left: auto;
  }

  .as-oil-cpc__right .as-oil-l-row.as-oil-l-buttons {
    width: auto;
  }

  .as-oil-cpc__right {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media screen and (max-width: 1280px) {
}
@media screen and (min-width: 1281px) {
  div.as-oil-l-wrapper-layout-max-width {
    padding-top: 0rem;
  }

  div.as-oil__heading {
    font-size: 42px;
    font-size: calc(42px * var(--avacy_font_base_scale));
  }

  .as-oil-l-row.as-oil-l-buttons {
      justify-content: flex-end;
  }
  .as-oil-l-row.as-oil-l-buttons > * + *{
      margin-right: 1rem;
  }
  .as-oil-l-row.as-oil-l-buttons .as-oil-l-item {
      width: auto;
      min-width: 15rem;
      max-width: none;
  }
  .as-oil-l-row.as-oil-l-buttons .as-oil-l-item button {
      width: 100%;
      max-width: 100%;
  }

  .as-oil-l-wrapper-layout-max-width.as-oil-cpc-wrapper {
    align-items: flex-end;
  }
  .as-oil-back-button {
    width: 100%;
  }
  .as-oil-cpc-wrapper .as-oil__top-cpc {
    width: 60%;
  }
}

/* Mobile browsing landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px)  
  and (orientation: landscape) { 

    div.as-oil-content-overlay {
      padding: 1rem 2rem;
    }

    div.as-oil-l-wrapper-layout-max-width {
      padding-top: 4rem;
    }

    div.as-oil__heading{
      font-size: calc(24px * var(--avacy_font_base_scale)) !important;
    }

    .as-oil__intro-txt {
      height: 20vh;
    }

    .as-oil-cpc__row-title,
    .as-oil__intro-txt, /* testo introduttivo  */
    .as-oil-cpc__purpose-text { /* desc nelle pref  */ 
      font-size: calc(14px * var(--avacy_font_base_scale)) !important;
    }

    .as-oil__btn-secondary, /* btn secondari */
    .as-oil-cpc__category-link, /* link delle tab  */
    .as-oil__btn-tertiary { /* btn salva  */
      font-size: calc(12px * var(--avacy_font_base_scale)) !important;
      min-height: 32px !important;
    }

    .as-oil-cpc__category-link {
      padding: 5px 4px;
      min-width: 150px;
    }

    .as-oil-cpc__purpose {
      padding: 1rem 0.5rem !important;
    }

    .as-oil-cpc__switch {
      width: 50px !important;
      height: 25px !important;
    }

    .as-oil-cpc__slider:before {
      height: 20px !important;
      width: 20px !important;
    }

    .as-oil-cpc__left-wrapper{
      overflow-x: hidden;
    }

    div.as-oil-cpc__middle{
      max-height: 30vh;
    }

    .as-oil-cpc__right{
      padding: .5rem;
    }

    .as-oil-cpc__content {
      padding-top: 0.5rem;
      margin-top: 0.5rem;
    }

    .as-oil-cpc__row-title {
      margin: 0 0.5rem 0.5rem 0.5rem;
    }

    .as-oil-cpc__right{
      padding-top: 0.5rem !important;
    }

    .as-oil-cpc__left{
      margin-bottom: 0.5rem !important;
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }

    .as-oil-cpc__row-btn-all{
      padding-bottom: 0.5rem !important;
    }

    .as-oil-cpc__purpose-text, 
    .as-oil-cpc__purpose-legal-text {
      margin: 0.5rem 0;
    }

    div#as-oil-cpc {
      padding: 1rem 0 0 !important;
    }

    .as-oil-cpc-wrapper .as-oil__top-cpc{
      display: none !important;
    }
}

/* iPhone Pro Max */
@media only screen 
    and (device-width: 428px) 
    and (device-height: 926px) 
    and (-webkit-device-pixel-ratio: 3) { 
      .as-oil-cpc__row-btn-all {
        padding: 1rem !important;
      }
  }