/* MM 12 giugno 2022 
   - inserito modulo Gtraslator per le lingue
   16 luglio - modificato per elementi componente WIMBLE PERSONA USATO PER IL BOARA - SALATINO

*/

/* MENU */

/* LINGUE */
.switcher .selected a 
{
  border: 1px solid #CCCCCC;
  background: url(/meditech/modules/mod_gtranslate/tmpl/lang/arrow_down.png) 146px center no-repeat;
  color: #666666;
  padding: 3px 15px!important;
  width: 150px!important;
  /* margin: 15px !important;  MARGINE SINISTRO CREATO */
  padding-left: 10px !important;
}

/* FLAGS  */
a.flag img 
{
  vertical-align: middle;
  margin-left: 15px!important;
  /* margin-right: -15px!important; */
  border: 0;
  display: inline;
  height: 25px;
  /* opacity: 0.4; */
  opacity: 0;
}



/* MM NASCONDE I NUMERI SOPRA LE VOCI DI MENU */
#sp-menu span.nav-counter {display: none !important;}

/* MM PER RENDERE TRASPARENTE L'HEADER DOVE STA IL MENU  */
#sp-page-builder .page-header
{
  display: none;
}


/* MM - PER RENDERE SEMPRE L'HEADER DELLE PAGINE BLU come il colore MEDITECH !!!
IMPORTANTE PER PROBLEMI DEL LOGO MEDITECH */
#sp-header 
{
  /* background: #000000 !important; */
  background: #ff0000 !important;
  background: #0A2851 !important; 
}


/* MM VOCI DI MEGAMENU */
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span 
{
  display: inline-block;
  margin-right: 16px !important;
  margin-left: 16px !important;
  padding: 10px 0 !important;
  display: inline-block;
  line-height: 1.4 !important;
  font-size: 16px !important; 
  text-transform: uppercase !important;
  font-weight: 600 !important;
  position: relative;
}

/* MM PER RENDERE PRIMA RED e ora WHITE LE VOCI DI MENU ALTRE PAGINE DIVERSE DA HOME */
.sp-megamenu-parent>li>a 
{
  color: #17161A; 
  color: red !important;
  color: white !important;
}

/* PER IL COMPONENTE WIMPLE PERSONA USATO PER IL BOARD E TEAM MEDITECH */
/*.sppb-addon-wimble-person .sppb-wimble-person-info-wrapper { 
   width: calc(100% - 10px)!important;  BANDA SCURA SU IMMAGINE DEL BOARD - SALATINO  era - 50% */
/*}


/* PER IL COMPONENTE WIMPLE PERSONA USATO PER IL BOARD E TEAM MEDITECH - PER LE INFO SULLA PERSONA */
.sppb-addon-persion .sppb-person-information>a.sppb-person-email, .sppb-addon-persion .sppb-person-information>span.sppb-person-designation, .sppb-addon-person .sppb-person-information>a.sppb-person-email, .sppb-addon-person .sppb-person-information>span.sppb-person-designation 
{
  margin-top: 5px;
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: rgba(0,0,0,.4);
  color: white!important;  /* MM metto la mail a bainco */
}

.sppb-col, .sppb-col-auto, .sppb-col-lg, .sppb-col-lg-1, .sppb-col-lg-10, .sppb-col-lg-11, .sppb-col-lg-12, .sppb-col-lg-2, .sppb-col-lg-3, .sppb-col-lg-4, .sppb-col-lg-5, .sppb-col-lg-6, .sppb-col-lg-7, .sppb-col-lg-8, .sppb-col-lg-9, .sppb-col-lg-auto, .sppb-col-md, .sppb-col-md-1, .sppb-col-md-10, .sppb-col-md-11, .sppb-col-md-12, .sppb-col-md-2, .sppb-col-md-3, .sppb-col-md-4, .sppb-col-md-5, .sppb-col-md-6, .sppb-col-md-7, .sppb-col-md-8, .sppb-col-md-9, .sppb-col-md-auto, .sppb-col-sm, .sppb-col-sm-1, .sppb-col-sm-10, .sppb-col-sm-11, .sppb-col-sm-12, .sppb-col-sm-2, .sppb-col-sm-3, .sppb-col-sm-4, .sppb-col-sm-5, .sppb-col-sm-6, .sppb-col-sm-7, .sppb-col-sm-8, .sppb-col-sm-9, .sppb-col-sm-auto, .sppb-col-xl, .sppb-col-xl-1, .sppb-col-xl-10, .sppb-col-xl-11, .sppb-col-xl-12, .sppb-col-xl-2, .sppb-col-xl-3, .sppb-col-xl-4, .sppb-col-xl-5, .sppb-col-xl-6, .sppb-col-xl-7, .sppb-col-xl-8, .sppb-col-xl-9, .sppb-col-xl-auto, .sppb-col-xs-1, .sppb-col-xs-10, .sppb-col-xs-11, .sppb-col-xs-12, .sppb-col-xs-2, .sppb-col-xs-3, .sppb-col-xs-4, .sppb-col-xs-5, .sppb-col-xs-6, .sppb-col-xs-7, .sppb-col-xs-8, .sppb-col-xs-9 
{
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px !important; /* MM avvicina le immagini del BOARD */
  padding-left: 15px;
}



/* MM per background header-sticky in HOME */
.sp-header.header-sticky 
{
  position: fixed !important;
  z-index: 9999 !important ;
  background-color: #000 !important;
}



/* ========================================= */
/* MEDIA */
/* ========================================= */
@media (max-width:992px)
{  
  .sp-header.header-sticky 
  {
    /* background: #000 !important; */
    background: #0A2851 !important;
  } 
}

@media (max-width:1199px)
{  
  #sp-header.header-sticky 
  {
    /* background: #000 !important; */
    background: #0A2851 !important;
  } 
}

/*
#sp-header.transparent-header {
    background-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}
*/

/* 
make top-bar position transparent  
#sp-top-bar {
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    height: 40px;
    top: 1px;
    width: 100%;
    z-index: 99;
}
*/

/* NASCONDE HEADER  */
/* #sp-header {display: none !important; opacity: 0;}

/* NASCONDE LE VOCI DI MENU  */
/* #sp-menu {display: none !important; opacity: 0;} */

/*  
#sp-header {background: rgba(255,255,255,0.5);}
*/


/* FOOTER */

/* FOOTER - How to set sticky/fixed footer  */
#sp-footer 
{ 
  position: fixed;
  width: 100%;
  height: 30px;
  bottom: 0px; left:0px;
  background: #333; 
  color: #fff;
}

#sp-footer, #sp-bottom 
{
  background: #0A2851 !important;
}


/* TITOLO PER OS-GALLERY */
h3.os-gallery-img-title 
{
  font-size: 18px !important;
}

/******************************************/
/* PER DETTAGLIO ARTICOLI 21-08-22 Grecia */
/******************************************/
.wimble-article-details-title-wrap .article-header h1 
{
  font-weight: 600!important;
  font-size: 32px!important;
  line-height: 42px!important;
  text-align: center!important;
  letter-spacing: -0.5px!important; 
  letter-spacing: 0px!important; 
  width: 60%!important;
  margin: 0 auto 30px!important;
}

/* PER AMPLIARE IL BOX GRIGIO DEL DETTAGLIO ARTICOLI per titolo 21-08-22 Grecia */
.view-article .article-details .wimble-article-details-title-wraper:after 
{
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  width: 100%;
  height: 120%!important;
}

/* PER DETTAGLIO ARTICOLI 21-08-22 Grecia */
/* PER TITOLO DETTAGLIO ARTICOLI per sezione grigia per titolo 21-08-22 Grecia */
.view-article .article-details .wimble-article-details-title-wraper .wimble-article-details-title-wrap 
{
  position: absolute;
  top: 110px!important;
  z-index: 1;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
}

.view-article .related-article-list-container ul.article-list li h2 
{
  font-weight: 300!important;
  font-size: 28px!important;
  line-height: 36px!important;
  letter-spacing: -0.5px;
  margin-bottom: 20px;
}

/* DETTAGLIO ARTICOLO: PER SPAZIO TRA BOX GRIGIO DEL TITOLO e LA NEWS */
.view-article .article-details div[itemprop="articleBody"] 
{
  max-width: 730px;
  margin: 0 auto;
  padding-top: 70px!important;
}

/* PER SPOSTARE IN BASSO L'IMMAGINE DEL DETTAGLIO ARTICOLO */
.wimble-article-details-title-wraper 
{
  margin-top: 60px;
}


/* MODIFICA FOOTER MM */
#sp-bottom 
{
  /* padding: 60px 0 30px; */
  padding: 30px 0 0px!important;
  font-size: 14px;
  line-height: 1.6;
}


/* MODIFICA PER COLORE CARATTERI NEWSLETTER - messo arancione per meglio visualizzare i caratteri sullo sfondo blu del footer */
.sppb-form-group .sppb-form-control, .form-control, input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-control) 
{
  display: block;
  width: 100%;
  color: #FF6D2F!important;
  border: none;
  border-bottom: 1px solid #bebebe;
  border-radius: 0px;
  font-weight: 400!important;
  font-size: 16px!important;
  line-height: 28px!important;
  letter-spacing: -0.3px;
  padding: 3px 0px!important;
  background: transparent;
}

/* MODIFICA IL PULSANTE DELLA NEWSLETTER lo rende più piccolo giocando sul padding */
body .sppb-btn, body .btn 
{
  padding: 5px 10px 5px 10px!important;
  position: relative;
  z-index: 1;
  font-weight: 600;
  font-size: 15px;
  line-height: 2;
  text-align: center;
  border: none;
}


/* MODIFICA PER SLIDESHOW vista su forum ma non funziona
.sp-slider .sp-item .sp-background {
  background-repeat: no-repeat!important;
  background-position: 100% 100%!important;
  background-size: cover!important;
  background-attachment: inherit!important;
}
*/

/* MODIFICA PER SLIDESHOW si allarga a tutto scherm quando è su schermo 2560 (2K) */
@media (max-width: 2561px)
{
  .sp-slider 
  {
      width: 2560px !important; 
  }
}




/* PORTATILE */

/* PORTATILE  1680px */
@media all and (max-width: 1680px)
{
  .sp-slider 
  {
    width: 1680px !important; 
  }
}   

/* PORTATILE  1366px */
@media all and (max-width: 1366px)
{
  .sp-slider 
  {
    width: 1350px !important; 
  }
}   

    /* PORTATILE 1280px */
@media all and (max-width: 1280px)
{
  .sp-slider 
  {
    width: 1260px !important; 
  }
}


/* TABLET */
@media all and (max-width: 1024px)
{
  .sp-slider 
  {
    width: 1024px !important; 
  }
}

/* TABLET */
@media all and (max-width: 760px)
{
  .sp-slider 
  {
    width: 500px !important; 
  }  
}

@media (max-width: 1920px)
{
  .sp-slider 
  {
     /* width: 1580px !important; */
     width: 1570px !important; 
  }
}

@media
  only screen and (-webkit-min-device-pixel-ratio: 3),
  only screen and (   min--moz-device-pixel-ratio: 3),
  only screen and (     -o-min-device-pixel-ratio: 3/1),
  only screen and (        min-device-pixel-ratio: 3),
  only screen and (                min-resolution: 384dpi),
  only screen and (                min-resolution: 3dppx) 
{ 
    /* Retina styles here */
    .sp-slider 
  {
     width: 1200px !important; 
  } 
}



/* RETINA 5K 5120x2880 */
@media only screen and (min-width: 5120px)
{
  .sp-slider 
  {
     width: 5220px !important; 
  }
}


/* RETINA 5K 5120x2880 */
@media (min-width: 5120px)
{
  .sp-slider 
  {
     width: 5120px !important; 
  }
}


/* Cross-browser & Cross-device*/
@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) 
{   
  .sp-slider 
  {
     width: 1200px !important; 
  } 
}





/* FORM CONTATTI */
.sppb-addon-form-builder.inline-form-style .sppb-form-group {
  display: flex;
  margin: 0px;
  align-items: flex-end;
  margin-bottom: 60px!important; /* SPAZIO TRA LE RIGHE DELLA FORM IN MOD DA RENDERLA MENO ALTA */
  flex-wrap: wrap;
}

/* FORM CONTATTI - LABEL*/
.sppb-addon-form-builder.inline-form-style label {
  transform: translate(0px);
  font-weight: 600;
  font-size: 16px!important;
  line-height: 30px!important; /* era 36px */
  letter-spacing: -0.3px;
  color: #252525;
  flex: 0 0 auto;
  max-width: 100%;
  margin-right: 20px;
  position: relative;
  bottom: 8px;
}

/* 08 ottobre 2022 */

/* MODULO RICERCA */
label {
  padding: 0px 15px 45px 10px!important;
  margin: 0px!important;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  line-height:20px!important;

  color: #5c5c5c;
}

legend {
  float: left;
  width: 100%;
  padding: 30px 0px 0px 0px!important;
  margin-bottom: 0rem!important;
  font-size: calc(1.275rem + .3vw);
  line-height: inherit;
}

/* MODULO CERCA - LABEL Ordine */
.me-2 {
  font-weight: 400;
  font-size: 26px!important;
  padding: 0px 15px 65px 0px!important;
}