/* IMMAGINI BANNER */
.bg_gray {
  background-color: #ffffff !important;
}

.product .product_list .item_product_list .marg_item .cont {
  box-shadow: none;
  padding-bottom: 15px;
  border: 1px solid #e1e1e1;
}

.rif_min {
  text-transform: lowercase;
}

/*___HATS */
.banner_d2d {
  background-image: url('/myatl/assmod/new_site_public/Custom_Services/door2door.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.banner_inspired {
  background-image: url('/myatl/assmod/new_site_public/Custom_Services/inspired.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.banner_creative {
  background-image: url('/myatl/assmod/new_site_public/Custom_Services/creative.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* ____KNITS */
.banner_quick {
  background-image: url('/myatl/assmod/new_site_public/Custom_Services/quick.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.banner_custom {
  background-image: url('/myatl/assmod/new_site_public/Custom_Services/custom.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.banner_knitted {
  background-image: url('/myatl/assmod/new_site_public/Custom_Services/knitted.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}



/* ----------------------------------- */

.main_header {
  width: 100%;
  height: 405px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}

.d2d {
  background: #DA2128;
}

.d2d h2 {
  color: #f3bbbe;
}

.inspired {
  background: #e07e26;
}

.inspired h2 {
  color: #f5d7bc;

}

.creative {
  background: #e6b120;
}

.creative h2 {
  color: #f7e7bb;
}


/* NASCONDI IL TITOLO DELLA VECCHIA PAGINA________________________________ */
.col-lg-12.titolo_cent {
  display: none;
}

/* RE-STYLING FILTRI______________________________________________________ */
a.btn_filtro.collapsed {
  border-left: 3px solid #ffd000;
  padding-left: 12px !important;
  /* padding: 5px 0px !important; */
  margin: 5px;
  text-decoration: none;
}

a.btn_filtro.collapsed:hover {
  background-color: #ede3c9 !important;
}

.dot {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: grey;
  display: inline-block;
}

.lista_colori {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.lista_colori li a {
  padding: 6px !important;
}

/* .marg_item{
  min-height:300px !important; max-height:300px !important;
} */
/* .cont img {
  height: 150px !important;
} */


.label_news {
  background: #FF6621;
  padding: 5px 10px;
  color: #fff;
  position: absolute;
  font-size: 11px;
  top: 15px;
  left: 62px;
  z-index: 1;
  text-transform: uppercase;
  border-radius: 0 5px 5px 0px;
}

a#new_target::after {
  content: 'NEW';
  background: #FF6621;
  padding: 5px 10px;
  color: #fff;
  z-index: 1;
  text-transform: uppercase;
  border-radius: 5px;
  font-size: 11px;
  margin-left: 10px;
}

li.filter_outside {
  list-style: none;
  width: 100%;
  display: block;
  padding: 5px 20px;
  position: relative;
  color: #616161;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

li.filter_outside:hover {
  color: #202C54;
  background: #e1e1e1;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

a#sustainable_icon {
  display: flex;
  align-items: center;
  height: 55px;
  color: #39497e;
}

a#sustainable_icon:hover {
  text-decoration: none;
  cursor: pointer;
}

a#sustainable_icon_intern {
  display: none;
}

.img_leaf_sustainable {
  /* display: none; */
  z-index: 1;
  width: 20px;
  height: 20px;
  margin-left: 5px;
}

a.btn_filtro.collapsed, a.btn_filtro {
  position: relative;
}

/* nascondi filtro mood e personalizzazione */
/* .mood_filtro, .customize_filtro, .forma_filtro{
    display: none !important;
} */
/* .mood_filtro {
    display: none !important;
} */

span.big_lett {
  margin: 0px 2px;
  /* font-size: 17px; */
  font-weight: 800;
}

.cont {
  position: relative;
}

.marg_item .cont {
  height: 300px;
}

a#new_target::after {
  content: 'HOT';
  background: #FF6621;
  padding: 5px 10px;
  color: #fff;
  z-index: 1;
  text-transform: uppercase;
  border-radius: 5px;
  font-size: 11px;
  margin-left: 10px;
}

.add_new_label::after {
  content: 'HOT';
  background: #FF6621;
  padding: 1px 10px;
  color: #fff;
  z-index: 1;
  text-transform: uppercase;
  border-radius: 0px 5px 5px 5px;
  font-size: 10px;
  margin-left: 10px;
  position: absolute;
  top: 0px;
  left: -12px;
}



.icon_leaf_item {
  min-width: 24px;
  background-image: url(https://atlantisheadwear.com/wp-content/themes/atlantis/assets/img/icon-leaf.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 1;
  width: 30px;
  height: 30px;
}

.icon_eu_item_1 {
  min-width: 24px;
  background-image: url(https://atlantisheadwear.com/wp-content/uploads/2024/01/icon-eu.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 1;
  width: 30px;
  height: 30px;
}

.icon_eu_item_2 {
  min-width: 24px;
  background-image: url(https://atlantisheadwear.com/wp-content/uploads/2024/01/icon-eu.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 40px;
  right: 3px;
  z-index: 1;
  width: 30px;
  height: 30px;
}

/* .add_new_label_sample::before {
    content: 'GET SAMPLE';
    background: #7bafd4;
    padding: 1px 10px;
    color: #fff;
    z-index: 1;
    text-transform: uppercase;
    border-radius: 5px 0px 0px 5px;
    font-size: 10px;
    margin-left: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
} */

.add_new_label_sample::before {
  content: 'SAMPLE AVAILABLE';
  background: #7bafd4;
  padding: 1px 6px;
  color: #fff;
  z-index: 1;
  text-transform: uppercase;
  border-radius: 0px 5px 5px 0px;
  font-size: 10px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}



span.coming_soon {
  color: #ff6621;
  font-weight: 600;
  margin-left: 10px;
  letter-spacing: 0.5px;
  font-size: 12px;
}

/* a#masks_target{
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  color: grey;
} */

img.flag_icon {
  width: 20px;
}

.number {
  position: absolute;
  bottom: 0;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  width: 100%;
}

span.days {
  font-size: 14px;
  font-weight: 500;
  margin-right: 5px;
  margin-left: 5px;
}

span.pieces {
  font-size: 14px;
  font-weight: 500;
}

.number h2 {
  font-weight: 700;
}

.number_modal_program h2 {
  font-weight: 700;
  text-align: center;
}

.door_n h2 {
  color: #da2128;
  font-size: 35px;
}

.inspired_n h2 {
  color: #e07e26;
  font-size: 35px;
}

.creative_n h2 {
  color: #e6b120;
  font-size: 35px;
}

.qj_n h2 {
  color: #015381;
  font-size: 35px;
}

.cj_n h2 {
  color: #0087aa;
  font-size: 35px;
}

.kw_n h2 {
  color: #00aeef;
  font-size: 35px;
}

sup {
  margin-left: 5px;
}

sup {
  top: -.5em;
}

sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

/* TOOLTIP DESCRIZIONE PROGRAMS___________________________________________ */
.wrapper {
  position: relative;
  text-align: left;
  width: auto;
}

.wrapper .tooltip, .test .tooltip {
  background: white;
  bottom: 100%;
  display: block;
  left: 100%;
  /* width: 100%; */
  width: 490px;
  color: black;
  margin-bottom: 15px;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

.tooltip, .test {
  z-index: 10000;
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .tooltip:before, .test .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

.wrapper:hover .tooltip, .test:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip, .test .tooltip {
  display: none;
}

.lte8 .wrapper:hover .tooltip, .test:hover .tooltip {
  display: block;
}

.prog_tooltip {
  color: #616160;
}



.toolDoor {
  background-image: url(/myatl/assmod/new_site_public/Custom_Services/door2door.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 155px;
  width: 100%;
}

.toolInspired {
  background-image: url(/myatl/assmod/new_site_public/Custom_Services/inspired.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 155px;
  width: 100%;
}

.toolCreative {
  background-image: url(/myatl/assmod/new_site_public/Custom_Services/creative.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 155px;
  width: 100%;
}

.toolQuickj {
  background-image: url(/myatl/assmod/new_site_public/Custom_Services/quick.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 155px;
  width: 100%;
}

.toolCustomj {
  background-image: url(/myatl/assmod/new_site_public/Custom_Services/custom.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 155px;
  width: 100%;
}

.toolKnittedw {
  background-image: url(/myatl/assmod/new_site_public/Custom_Services/knitted.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 155px;
  width: 100%;
}

svg.svg-inline--fa.fa-dot-circle.fa-w-16 {
  margin-right: 6px;
  color: #616160;
}

/* nascondi select in alto a destra */
span.select2-selection.select2-selection--single {
  display: none;
}


/* //////////////////////////////// */
/*     NUOVI BLOCCHI IM - SWIPER
/* //////////////////////////////// */

.banner_mood_IM {
  height: 270px;
  margin: 20px auto;
  display: flex;
  flex-direction: row;
  background: white;
}

.sigle_bMood {
  width: calc(100% / 4);
  height: auto;
  margin: 3px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
}

.sigle_bMood:hover {
  text-decoration: none;
}

.black_mood {
  height: 46px;
  background: #00000047;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sigle_bMood img {
  width: 100%;
}

.mood_Green {
  background-image: url(/myatl/assmod/new_site_public/NEW_HP/Green.jpg);
  background-size: cover;
  background-position: center;
}

.mood_Sport {
  background-image: url(/myatl/assmod/new_site_public/NEW_HP/Sportwear.jpg);
  background-size: cover;
  background-position: center;
}

.mood_Urban {
  background-image: url(/myatl/assmod/new_site_public/NEW_HP/Urban.jpg);
  background-size: cover;
  background-position: center;
}

.mood_Europe {
  background-image: url(/myatl/assmod/new_site_public/NEW_HP/ACTIVE_z.jpg);
  background-size: cover;
  background-position: center;
}

span.text_mood_IM {
  color: white;
  font-size: 16px;
  letter-spacing: 0.8px;
  text-align: center;
}

span.dett_text_IM {
  font-weight: bold;
}

a.btn_filtro.collapsed.customize_filtro {
  display: none;
}

a.btn_filtro.collapsed.forma_filtro {
  display: none;
}




/* ////////////////////////// */
/*      BANNER SAMPLE KIT
/* ////////////////////////// */
.alert_sample {
  /* display: none !important; */
  width: 70%;
  margin: 0 auto;
  padding: 0px;
  position: relative;
  margin: 15px auto;
}

.sample_kit_link img {
  width: 100%;
}

button.close.my_close {
  z-index: 999;
  position: absolute;
  top: 2px;
  right: 4px;
  color: #ffffff;
  border: 1px solid white;
  border-radius: 100%;
  padding: 1px 4px;
}


.product .menu_product_list .btn_filtro {
  display: block;
  width: 100%;
  padding: 20px 0px;
  color: #31261d;
  text-transform: uppercase;
  border-bottom: 1px solid #e1e1e1;
  background: url(../images/meno.png) no-repeat right center;
}


.product .menu_product_list nav ul li a:hover {
  color: #31261d;
  background: #ede3c994;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

input#filter_string_desktop {
  background: #ede3c9 !important;
  color: #31261d !important;
}

.row_black {
  width: 100%;
  height: 35px;
  background: #31261d !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

.rif_cliente {
  text-align: end;
  color: #31261d;
}

body {
  background-color: white !important;
}


.product .product_list .item_product_list .marg_item .cont:hover {
  text-decoration: none;
  margin-top: 0px;
  margin-bottom: 0px;
  box-shadow: none;
}

.img-wrapper {
  width: 100%;
  height: 200px;
  /* o qualsiasi altezza fissa */
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  /* opzionale */
}

.img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* ///////////////////////// */
/*         MEDIA QUERY       */
/* ///////////////////////// */

@media (min-width: 1025px) and (max-width: 1200px) {
  .product .product_list .item_product_list {
    width: calc(100% / 3);
    float: left;
  }
}

@media (min-width: 1025px) and (max-width: 1366px) {
  .banner_mood_IM {
    height: 240px;
  }

  .black_mood {
    height: 70px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {

  .tooltip {
    display: none !important;
  }

  span.text_mood_IM {
    color: white;
    font-size: 16px;
    letter-spacing: 0.8px;
    text-align: center;
  }

  .banner_mood_IM {
    height: 190px;
  }

  .black_mood {
    height: 60px;
  }

  span.text_mood_IM {
    font-size: 14px;
  }

}

@media (min-width: 481px) and (max-width: 767px) {

  .tooltip {
    display: none !important;
  }

  .mood_Green {
    background-image: url(https://www.lacomposizione.com/wp-content/uploads/2017/11/leaf-nature-green-spring-158780.jpeg);
  }

  .mood_Sport {
    background-image: url(https://www.namedsport.com/it/pub/media/wysiwyg/namedsport/SPORT_SQUADRA_mobile.jpg);
  }

  .mood_Urban {
    background-image: url(https://images.unsplash.com/photo-1453989799106-bbad8d7b5191?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1267&q=80);
  }

  .mood_Europe {
    background-image: url(https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1455&q=80);
  }

  .sigle_bMood {
    width: 100%;
    height: 55px;
  }

  .black_mood {
    height: 100%;
  }

}

@media (min-width: 320px) and (max-width: 480px) {

  .tooltip {
    display: none !important;
  }

  /* IMMAGINI BANNER */
  /*___HATS */
  .banner_d2d {
    background-image: url('/myatl/assmod/new_site_public/Custom_Services/door2door_mobile.jpg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .banner_inspired {
    background-image: url('/myatl/assmod/new_site_public/Custom_Services/inspired_mobile.jpg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .banner_creative {
    background-image: url('/myatl/assmod/new_site_public/Custom_Services/creative_mobile.jpg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  /* ____KNITS */
  .banner_quick {
    background-image: url('/myatl/assmod/new_site_public/Custom_Services/quick_mobile.jpg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .banner_custom {
    background-image: url('/myatl/assmod/new_site_public/Custom_Services/custom_mobile.jpg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .banner_knitted {
    background-image: url('/myatl/assmod/new_site_public/Custom_Services/knitted_mobile.jpg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .banner_mood_IM {
    height: auto;
    margin: 20px auto;
    display: flex;
    flex-direction: column;
    /* width: 100%; */
  }

  .mood_Green {
    background-image: url(https://www.lacomposizione.com/wp-content/uploads/2017/11/leaf-nature-green-spring-158780.jpeg);
  }

  .mood_Sport {
    background-image: url(https://www.namedsport.com/it/pub/media/wysiwyg/namedsport/SPORT_SQUADRA_mobile.jpg);
  }

  .mood_Urban {
    background-image: url(https://images.unsplash.com/photo-1453989799106-bbad8d7b5191?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1267&q=80);
  }

  .mood_Europe {
    background-image: url(https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1455&q=80);
  }

  .sigle_bMood {
    width: 100%;
    height: 55px;
  }

  .black_mood {
    height: 100%;
  }

  .alert_sample {
    /* display: none !important; */
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    margin: 15px auto;
  }



  /* sposta barra filtra mobile */
  /* .product .group_btn_filt {
      position: fixed;
      bottom: 0px;
      height: 150px;
      left: 0px;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      width: 100%;
      z-index: 30;
      background: #ffffffb3;
  } */
}