/*
 *
 * Pagina Partner
 *
 */

/*------------------------------------
Global */

/* Utility: hidden (JS-controlled visibility) */
.hidden {
  display: none !important;
}

/* Container */
.icppp_partner_page .icppp_content {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background-color: #f8f8f8;}

/* Tile */
.icppp_partner_page .icppp_content .tile {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  height: 70vh;
  overflow: auto;
  margin-bottom: 10px;
  padding: 25px 25px 25px 25px;
  background-color: #ffffff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-right:5px solid #f8f8f8;
  border-left:5px solid #f8f8f8;}

.icppp_partner_page .icppp_content .tile:first-child {
  border-right:5px solid #f8f8f8;
  border-left:none;}

.icppp_partner_page .icppp_content .tile:last-child {
  border-right:none;
  border-left:5px solid #f8f8f8;}

/* Tile > No Padding */
.icppp_partner_page .icppp_content .tile.nop {
  border-right:none;
  border-left:none;}

.icppp_partner_page .icppp_content .tile .txtshn {text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);}

.icppp_partner_page .icppp_content .tile a {
  user-select:none;
  cursor: pointer;
  outline: none;}

.icppp_partner_page .icppp_content .tile a.hover_link {
  position: absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  z-index: 10;
  cursor: pointer;}

/* Tile > Header/Img */
.icppp_partner_page .icppp_content .tile.tile_img,
.icppp_partner_page .icppp_content .tile.tile_hero {background-color: #666666;}

/* Tile > Header */
.icppp_partner_page .icppp_content .tile.tile_hero {height: 85vh;}

/* Tile > Img */
.icppp_partner_page .icppp_content .tile.tile_img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 60vh;
  border:none;}

.icppp_partner_page .icppp_content .tile.tile_img .info_box,
.icppp_partner_page .icppp_content .tile.tile_img .icon_hover {
  position: absolute;
  width: 200px;
  height: 200px;
  top: calc(50% - 100px);
  left: calc(50% - 100px);}

.icppp_partner_page .icppp_content .tile.tile_img .icon_hover {
  font-size: 100px;
  line-height: 100px;
  width: 100px;
  height: 100px;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  right:auto;
  bottom:auto;
  text-shadow: 0px 0px 4px #000000;}

.icppp_partner_page .icppp_content .tile.tile_img .info_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;}

.icppp_partner_page .icppp_content .tile.tile_img .info_box .icon_hover {
  position: relative;
  top:auto;
  left:auto;}

.icppp_partner_page .icppp_content .tile.tile_img .info_box .btn_light.btn_label {
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  margin: 30px 5px 5px 5px;
  padding: 10px 15px 10px 15px;}

.icppp_partner_page .icppp_content .tile .titoli_th {margin-bottom: 30px;}

/*
.icppp_partner_page .icppp_content .tile .titoli_th h3.title_long {
  max-height: 90px;
  overflow: auto;}

.icppp_partner_page .icppp_content .tile .desc_long .desc {
  display: block;
  position: relative;
  margin: 0px auto 0px auto;
  max-height: calc(100% - 90px);
  max-width: 100%;
  overflow: auto;}
*/

/* Tile > BG White */
.icppp_partner_page .icppp_content .tile.bg_white,
.icppp_partner_page .icppp_content .tile.tile_img.bg_white,
.icppp_partner_page .icppp_content .tile.tile_hero.bg_white {background-color: #ffffff;}

/* Tile Header */
.icppp_partner_page .icppp_content .tile_hero .hero_before,
.icppp_partner_page .icppp_content .tile_hero .hero_title,
.icppp_partner_page .icppp_content .tile_hero .hero_after {margin: 2vh auto 2vh auto;}

.icppp_partner_page .icppp_content .tile_hero .hero_before span {font-size: 60%;}

.icppp_partner_page .icppp_content .tile_hero .hero_title {font-family: "OpenSans-Bold", sans-serif, Arial;}

/* Fx > Zoom */
.icppp_partner_page .icppp_content .zoom { 
    display: inline-block;
    transform:scale(0.9); }

.icppp_partner_page .icppp_content .zoom:hover { transform:scale(1); }

.icppp_partner_page .icppp_content .zoom, 
.icppp_partner_page .icppp_content .zoom:hover { transition: 0.2s ease all; }

.icppp_partner_page .icppp_content .tile .icon_hover {
  transform: scale(1.3);
  opacity: 0.9;}

.icppp_partner_page .icppp_content .tile .zoom:hover .icon_hover {
  transform: scale(1.4); 
  opacity: 1;}

/* SR Intro */
.icppp_partner_page .icppp_content .tile.sr_intro {height: auto;}

/* .icppp_partner_page .icppp_content .tile.sr_intro .titoli_th {margin: 5px auto 5px auto;} */

/* Underline */
.icppp_partner_page .icppp_content .uline {text-decoration: underline;}

/* Btn Shop Large */
.icppp_partner_page .icppp_content .btn_light.btn_large {
  position: relative;
  display: inline-block;
  margin: 5px 5px 5px 5px;
  padding: 10px 15px 10px 15px;
  width: auto;
  max-width: 400px;
  height: auto;
  user-select: none;
  cursor:pointer;
  transform: scale(1);}

.icppp_partner_page .icppp_content .btn_light.btn_large.coupon {
  display: block;
  padding: 10px 15px 15px 15px;
  margin: 5px auto 5px auto;}

.icppp_partner_page .icppp_content .btn_light.btn_large:hover {transform: scale(1.1);}

.icppp_partner_page .icppp_content .btn_light.btn_large br {display: block;}

.icppp_partner_page .icppp_content .btn_light.btn_large .logo {
  position: relative;
  display: block;
  width: 100%;}

.icppp_partner_page .icppp_content .btn_light.btn_large .text {
  text-align: center;
  font-size: 40px;
  line-height: 45px;}

.icppp_partner_page .icppp_content .btn_light.btn_large.coupon.getcode {padding: 10px 10px 85px 10px;}

.icppp_partner_page .icppp_content .btn_light.btn_large.coupon.getcode .logo {top: -5px;}

.icppp_partner_page .icppp_content .btn_light.btn_large.coupon.getcode .num,
.icppp_partner_page .icppp_content .btn_light.btn_large.coupon.getcode .text {
  position: absolute;
  top:auto;
  left:auto;
  right:auto;
  bottom:15px;
  width:auto;
  height: 80px;
  text-align: center;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);}

.icppp_partner_page .icppp_content .btn_light.btn_large.coupon.getcode .num {
  left:10px;
  font-size: 70px;
  line-height: 80px;}

.icppp_partner_page .icppp_content .btn_light.btn_large.coupon.getcode .text {
  right:10px;
  line-height: 40px;
  font-size: 30px;}

.icppp_partner_page .icppp_content .btn_light.btn_large.coupon.getcode .text .code {font-size: 50px;}

/* Only Desktop/Mobile */
body.icppp_partner_page .icppp_content .only_desktop {display: flex;}
body.icppp_partner_page .icppp_content .only_mobile {display: none;}

/* Edit Tool */
.icppp_partner_page .icppp_content .edit_tool {
  position: absolute;
  top:0px;
  right:auto;
  left:0px;
  bottom:auto;
  padding: 25px 25px 25px 25px;
  z-index: 50;}

.icppp_partner_page .icppp_content .edit_tool .btn_light.btn_edit {
  width: 60px;
  height: 60px;
  line-height: 60px;
  padding:0px 0px 0px 0px;
  margin: 2px 2px 2px 2px;
  font-size: 30px;
  border-radius: 50%;
  color:#fff;
  border:2px solid #fff;
  background-color: rgba(255, 255, 255, 0.6);
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  text-align: center;
  transform: scale(1);}

.icppp_partner_page .icppp_content .edit_tool .btn_light.btn_edit:hover {transform: scale(1.4);}

/* Modal */
.icppp_partner_page .uace_modal.uacem_icppp .uace_modal_content {
  width: 600px;
  max-width: 90%;
  padding: 15px 15px 15px 15px;}

.icppp_partner_page .uace_modal.uacem_icppp .uace_modal_content .modal_area {
  position: relative;
  display: block;
  line-height: 20px;
  margin: 50px 0px 0px 0px;}

.icppp_partner_page .uace_modal.uacem_icppp .modal_area .row {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;}

.icppp_partner_page .uace_modal.uacem_icppp .modal_area .row .title {
  display: block;
  margin:0px 0px 5px 0px;}

.icppp_partner_page .uace_modal.uacem_icppp .modal_area section.delete .row .title {
  font-size: 16px;
  line-height: 25px;}
  
.icppp_partner_page .uace_modal.uacem_icppp .modal_area .row label,
.icppp_partner_page .uace_modal.uacem_icppp .modal_area .row input,
.icppp_partner_page .uace_modal.uacem_icppp .modal_area .row textarea {
  position: relative;
  width: 100%;
  height: auto;}

.icppp_partner_page .uace_modal.uacem_icppp .modal_area .row input[type="text"],
.icppp_partner_page .uace_modal.uacem_icppp .modal_area .row textarea {padding:5px 5px 5px 5px;}

.icppp_partner_page .uace_modal.uacem_icppp .modal_area .row.action {
  margin: 10px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  border-top:1px solid #ccc;}

.icppp_partner_page .uace_modal.uacem_icppp .modal_area .row.file_upload {position: relative;}

.icppp_partner_page .uace_modal.uacem_icppp .modal_area .row.file_upload label {
  border: 2px dashed #0087F7;
  background-color: #fff;
  border-radius: 2px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  cursor: pointer;}

.icppp_partner_page .uace_modal.uacem_icppp .modal_area .row.file_upload .title {}

.icppp_partner_page .uace_modal.uacem_icppp .modal_area .row.file_upload .title.desc {
  position: absolute;
  top:20px;
  left:0px;
  right:0px;
  bottom:auto;
  text-align: center;
  margin:0px 0px 0px 0px;
  z-index: 0;}

.icppp_partner_page .uace_modal.uacem_icppp .modal_area .row.file_upload label input[type="file"] {
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding: 50px 0px 20px 10px;
  margin: 0px auto 0px auto;
  background-color: transparent;
  cursor:pointer;
  z-index: 1;}

/* Row Title input */
.icppp_partner_page .uace_modal.uacem_icppp .modal_area .row .title_input {
  position: relative;
  margin: 0px 0px 5px 0px;}

.icppp_partner_page .uace_modal.uacem_icppp .modal_area .row .title_input .title {
  position: absolute;
  top:6px;
  left:10px;
  margin: 0px;
  z-index: 5;}

.icppp_partner_page .uace_modal.uacem_icppp .modal_area .row .title_input input[type="text"] {
  padding-left: 55px;
  z-index: 1;}

/* Messaggi Upload */
.icppp_partner_page .uace_modal.uacem_icppp .modal_area .icppp-field-msg { 
  margin-top: 5px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  border-radius: 5px;
  padding: 5px;}

.icppp_partner_page .uace_modal.uacem_icppp .modal_area .icppp-field-msg.icppp-field-msg--error {
  color: #B42318;
  background: #FEF3F2;
  border: 1px solid #FEE4E2;}

.icppp_partner_page .uace_modal.uacem_icppp .modal_area .icppp-field-msg.icppp-field-msg--ok {
  color: #067647;
  background: #ECFDF3;
  border: 1px solid #ABEFC6;}

/* BTN Light > Minimal */
.icppp_partner_page .btn_light.btn_minimal {
  color: #333333;
  border: 1px solid #ccc;
  background-color: rgb(255, 255, 255);}

.icppp_partner_page .btn_light.btn_minimal:hover {
  color: #1473e6;
  border: 1px solid #1473e6;
  background-color: rgb(255, 255, 255);}

/* BTN Light > Alert */
.icppp_partner_page .btn_light.btn_alert {
  color: #ffffff;
  border: 1px solid #ff0000;
  background-color: #ff0000;}

.icppp_partner_page .btn_light.btn_alert:hover {
  color: #ffffff;
  border: 1px solid #dd0000;
  background-color: #dd0000;}

/* Buttons */
.icppp_partner_page .icppp_content .btns_area {
  display: inline-block;
  position: relative;
  padding: 0px 0px 0px 0px;
  margin: 5px auto 10px auto;
  text-align: center;}

.icppp_partner_page .icppp_content .tile.tile_hero .btns_area {
  padding: 15px 20px 15px 20px;
  z-index: 20;}

.icppp_partner_page .icppp_content .tile .btns_area .btn_light {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  padding: 10px 15px 10px 15px;
  transform: scale(1);
  max-width: 35vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}

.icppp_partner_page .icppp_content .tile.tile_hero .btns_area .btn_light {max-width: 80vw;}

.icppp_partner_page .icppp_content .tile .btns_area .btn_light:hover {transform: scale(1.1);}

/*------------------------------------
Overlay Loader di attesa modal */

.uace_modal.uacem_icppp.is-loading .modal_area,
.uace_modal.uacem_icppp.is-loading .uace_modal_title {
  pointer-events: none;
  user-select: none;
  opacity: 0.5;}

.uace_modal_loader {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.6);
  backdrop-filter: blur(2px);
  z-index: 10;}

.uace_modal_loader[hidden] { display:none !important; }

.uace_modal_loader .spinner{
  width:28px; height:28px; border:3px solid #999; border-top-color: transparent;
  border-radius:50%; animation: icppp-spin .8s linear infinite; margin-right:.6rem;
}

/* Overlay Scuro */
.icppp_partner_page .uace_modal.uacem_icppp .uace_modal_overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;}

@keyframes icppp-spin { 
  to { transform: rotate(360deg); } 
}

/* sopra all’overlay scuro */
.icppp_partner_page .uace_modal.uacem_icppp .uace_modal_content {
  position: relative;
  z-index: 1001;}

/* sopra ai campi dentro il box */
.uace_modal_loader{ z-index: 1010; }


/*------------------------------------
Responsive Media Query */

@media (max-width: 2560px) {} 
@media (max-width: 2050px) {} 
@media (max-width: 1920px) {}
@media (max-width: 1680px) {}
@media (max-width: 1500px) {}
@media (max-width: 1344px) {}
@media (max-width: 1280px) {}
@media (max-width: 1164px) {}
@media (max-width: 1080px) {

  .btn_light.btn_large {
    padding: 10px 10px 10px 10px;
    max-width: 270px;}

  .btn_light.btn_large.coupon.getcode {padding: 10px 10px 85px 10px;}

  .btn_light.btn_large.coupon.getcode .num,
  .btn_light.btn_large.coupon.getcode .text {
    top:60px;
    height: 70px;}

  .btn_light.btn_large.coupon.getcode .num {
    left:10px;
    font-size: 50px;
    line-height: 70px;}

  .btn_light.btn_large.coupon.getcode .text {
    right:10px;
    line-height: 30px;
    font-size: 20px;}

  .btn_light.btn_large.coupon.getcode .text .code {font-size: 40px;}

}
@media (max-width: 1024px) {}
@media (max-width: 999px) {

  .icppp_partner_page .icppp_content .btn_light.btn_large {max-width: 350px;}

  .icppp_partner_page .icppp_content .btn_light.btn_large.coupon.getcode .num {
    left:10px;
    font-size: 60px;
    line-height: 100px;}

  .icppp_partner_page .icppp_content .btn_light.btn_large.coupon.getcode .text {
      right:10px;
      line-height: 40px;
      font-size: 22px;}

  .icppp_partner_page .icppp_content .btn_light.btn_large.coupon.getcode .text .code {font-size: 35px;}

}
@media (max-width: 992px) {}
@media (max-width: 810px) {}
@media (max-width: 765px) {}
@media (max-width: 680px) {

  /* Only Desktop/Mobile */
  body.icppp_partner_page .icppp_content .only_desktop {display: none;}
  body.icppp_partner_page .icppp_content .only_mobile {display: flex;}

  .icppp_partner_page .icppp_content .tile .btns_area .btn_light {max-width: 80vw;}

}
@media (max-width: 640px) {}
@media (max-width: 568px) {}
@media (max-width: 480px) {}
@media (max-width: 400px) {}
@media (max-width: 359px) {}
@media (max-width: 320px) {}
@media (max-height:965px) {}
@media (max-height:720px) {}
@media (max-height:600px) {}
@media (max-height:480px) {}