/*
PALETTE PROGETTO
Blue/primary: 5896E2
Fuxia: FF4367
*/


/* GENERAL - RESET */
.clear { clear: both; }
.inline {display:inline;}
.f-right {float: right;}
*{ margin: 0; }

a {color: #4581FF; text-decoration: none!important}
a:hover {color: #004CEC;text-decoration: underline!important}


/*
body{background-color: #F1EFEF!important;font-family: Agdasima  !important;}
body{background-color: #F1EFEF!important;font-family: Catamaran !important;}
*/

body{font-family: Roboto !important;color: #888!important}

/* container */
.MainContainer {max-width: 1200px!important;}


/*---- HEADER ----*/

.bg-headerbar {
	background-color: #31A1FF!important; 
	background-image: url("/images/header_background.png");
	background-repeat:no-repeat;
	background-position-y:-40px;
	background-size: 150px 150px;
	}


/*---- FOOTER ----*/

.bg-footer {background-color: #14457B!important}


/* font */
h1{font-size: 28px; color: #005174; font-weight:600}
h2{font-size: 24px; color: #005174; line-height: 120%;}
h3{font-size: 20px; color: #005174; line-height: 140%; font-weight: bold;}
h4{font-size: 14px; color: #6D984B; font-weight: bold; text-transform: uppercase; line-height: 140%}
h5{font-size: 20px; color: #635651; line-height: 140%; font-weight: bold; margin-top:30px}
h6{font-size: 15px; line-height: 140%; font-weight: bold; margin-top:30px; letter-spacing: 1px}


/* font mod per faq */
.faq-list {font-size: 15px;}
.faq-list h3{font-size: 18px; font-weight: bold;}

.font-maincolor {color: #888}
.font-10 {font-size: 11px; line-height: 130%} 
.font-11 {font-size: 11px; line-height: 130%} 
.font-12 {font-size: 12px; line-height: 130%} 
.font-13 {font-size: 13px; line-height: 130%} 
.font-14 {font-size: 14px}
.font-15 {font-size: 15px}
.font-16 {font-size: 16px}
.font-18 {font-size: 18px;} 
.font-20 {font-size: 20px;} 
.font-25 {font-size: 25px;} 
.font-32 {font-size: 32px;}

/* font responsive */
.font-14-10{font-size: 14px;!important}
.font-15-13{font-size: 15px;!important}
.font-17-13{font-size: 17px;!important}
.font-17-15{font-size: 17px;!important}
.font-20-15{font-size: 20px;!important}

/* link */
a[role='button'] {text-decoration: none!important}
.nohover:hover {text-decoration: none!important}

/* text */

.text-gray {color: #ccc !important}

/* button */
.btn-filter {background-color: #4581FF; border: 0; color: #fff}
.btn-filter:hover {background-color: #004CEC; border: 0; color: #fff}



.text-truncate-container {
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
 }

/*header*/
.bg-header {background-color: #FFF!important}

/*Primary - come Blue*/
.text-primary-light  {color: #CFE2FF!important;}
.text-primary {color: #5896E2!important;}
.text-primary-dark  {color: #0A58CA!important;}
.border-primary {border-color: #5896E2!important;}
.bg-primary-light  {background-color: #CFE2FF!important;}
.bg-primary-very-light  {background-color: #0062B4!important;}
.bg-primary {background-color: #5896E2!important;}
.bg-primary-dark  {background-color: #0A58CA!important;}
.btn-primary {background-color: #0078DC!important; color: #fff}
.btn-primary:hover {background-color: #0A58CA!important; color: #fff}
.badge-primary {background-color: #5896E2!important; border: 1px solid #31A1FF!important;color: #0A58CA!important;font-weight: normal; padding-top:4px;padding-bottom:3px;}
.btn-outline-primary {background-color: #fff!important; color: #5896E2; border: 1px solid #5896E2;}
.btn-outline-primary:hover {background-color: #0A58CA!important; color: #fff;text-decoration:none!important}


/*Fuxia*/
.text-fuxia-light  {color: #FFBDC9!important;}
.text-fuxia{color: #FF4367!important;}
.text-fuxia-dark  {color: #FF3156!important;}
.bg-fuxia-light  {background-color: #FFBDC9!important;}
.bg-fuxia{background-color: #FF4367!important;}
.bg-fuxia-dark  {background-color: #FF3156!important;}
.btn-fuxia {background-color: #E4002C!important; color: #fff; border-width: 0px}
.btn-fuxia:hover {background-color: #FF3156!important; color: #fff}
.border-fuxia {border-color: #FFBDC9!important;}
.link-fuxia {color: #FF4367!important;}
.link-fuxia:hover {text-decoration: underline!important; color: #FF3156!important;}


/*Blue*/
.text-blue-light  {color: #8DCBFF!important;}
.text-blue{color: #31A1FF!important;}
.text-blue-dark  {color: #1488E9!important;}
.text-blue-very-dark  {color: #005174!important;}
.bg-blue-very-light  {background-color: #CFE2FF!important;}
.bg-blue-light  {background-color: #8DCBFF!important;}
.bg-blue{background-color: #31A1FF!important;}
.bg-blue-dark  {background-color: #1488E9!important;}
.bg-blue-very-dark  {background-color: #14457B!important;}
.btn-blue{background-color: #1488E9!important; color: #fff; border-width: 0px}
.btn-blue:hover {background-color: #31A1FF!important; color: #fff}
.border-blue {border-color: #31A1FF!important;}
.link-blue{color: #31A1FF!important;}
.link-blue:hover {text-decoration: underline!important; color: #1488E9!important;}


 
/* Backgrounds */
.bg-white {background-color: #FFF !important}
.bg-light {background-color: #F1F4F4 !important}
.bg-green-light {background-color: #D1E7DD!important;}





/*---- EFFECTS ----*/

.NumberFont {font-family: 'Roboto'!important;}
.shadowbox {box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.10);}
.rounded-custom {border-radius: 10%}
.Background-Opacity {background-color: RGBA(20,69,123,0.7)!important} 
.avatar {vertical-align: middle;border-radius: 50%;object-fit: cover; aspect-ratio: 1;}
.vertical-center { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%);}
.pulse {
    -webkit-animation-name: pulsate;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite
}
@-webkit-keyframes pulsate {
0% { opacity: 0.0}
 10% { opacity: .20}
 20% { opacity: .40 }
 30% { opacity: .60 }
 40% { opacity: .80 } 
 50% { opacity: 1.0}
 60% { opacity: .80}
 70% { opacity: .60}
 80% { opacity: .40}
 90% { opacity: .20}
 100% { opacity: 0.0}
 }

/*Image effects */

.avatar img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}


.copertina-effects{
 
} 

.copertina-effects::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 150, 255, 0.3); /* Azzurro trasparente */
  mix-blend-mode: overlay; /* Puoi provare anche `soft-light` o `color` */
}

.imgFade{
          opacity: 0;
          animation: fadeIn 2s forwards;
        }
        @keyframes fadeIn {
            to {opacity: 1;}
        }

 
/*---- CONDIVISI ----*/

/* Paginazione listing */
.page-item {}
.page-link {color: orange; height: 32px!important}
.page-link:hover {background-color: orange; color: white}

/* list */
.list-group-item {border-color: #E8E5E4!important;}
.nobullet{list-style-type: none;}


/*breadcrumbs e subcategories*/
.breadcrumb{background-color: transparent!important;}
.breadcrumb-item + .breadcrumb-item::before {content: ">";color: #bbb;}
.breadcrumb-item a{color: #005174;text-decoration: none}
.subcategories a {color: #005174;text-decoration: none}




/*---- CONTENTS ----*/

/*Header*/
.categories-header .cat-overlay{max-width: 70%;max-height:350px; background-image: linear-gradient(to left, rgba(0,0,0,0),rgba(0,0,0,0.6), rgba(0,0,0,0.7), rgba(0,0,0,0.8))}
.categories-header {position:relative; min-height: 250px; max-height: 300px;overflow: hidden;}
.categories-header .breadcrumb-item {color: #fff}
.categories-header .breadcrumb-item + .breadcrumb-item::before {content: ">";color: #fff;}
.categories-header .breadcrumb-item a{color: #fff;text-decoration: none}
.categories-header h1 {color: #fff;letter-spacing: .07rem}

/* font mod per listing */
.RecordBody h2{font-size: 22px; margin-bottom:0px}

 /* zoom immagine */
.zoom-container {overflow: hidden;}
.zoom-img {filter: brightness(80%); transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;}
.zoom-img:hover {
	transform: scale(1.2);
	filter: brightness(120%);
	
	}







/*---- ARTICLE ----*/

/* font mod per pagina articolo */
article h1{ color: #5896E2;}
article h2{ color: #5896E2;}
article .faq-list {font-size: 15px; color: #635651;}
article .faq-list h3{font-size: 16px; font-weight: bold; }

/* font mod per corpo articolo */
.articleBody {font-size: 17px; line-height: 150%; color: #888;}
.articleBody h2{font-size: 24px; color: #635651; font-weight: bold; margin-top:40px; margin-bottom:15px}
.articleBody h3{font-size: 18px; color: #635651; font-weight: bold; margin-top:30px; line-height: 140%;}
.articleBody h4{font-size: 14px; color: #6D984B; font-weight: bold; text-transform: uppercase; line-height: 140%}
.articleBody h5{font-size: 20px; color: #635651; line-height: 140%; font-weight: bold; margin-top:30px}
.articleBody h6{font-size: 15px; line-height: 140%; font-weight: bold; margin-top:30px; letter-spacing: 1px}
.articleBody .note{font-size: 14px; color: #635651;line-height: 135%}



/*---- HOME PAGE ----*/

/* Default - BoxVetrina */
.BoxVetrina .badge {font-family: 'Roboto'!important; font-size: 12px!important; font-weight: normal!important}


/*Home header*/
.home-header {}
.home-header h1 {color: #fff;letter-spacing: .07rem; font-size: 45px}
.home-header h2 {color: #fff;letter-spacing: .07rem; font-size: 30px}
.home-header h3 {color: #fff; font-size: 22px}
.home-header p {color: rgba(80, 80, 80, 1); font-size: 14px}


.bg-home-image{
  background-image: url("/images/doctor_400.png");
  background-position: right top; /* default desktop: soggetto a destra */
  background-repeat: no-repeat;
}

.home-header .opacity-resp {background-color: RGBA(20,69,123,0)!important} 
  
/* Mobile */
@media (max-width: 767.98px) {
  .bg-home-image {
    background-position: center top; /* soggetto al centro su mobile */
  }
  .home-header h1 {font-size: 30px}
  .home-header h2 {font-size: 20px}
  .home-header  .opacity-resp {background-color: RGBA(20,69,123,0.7)!important;} 
}

/*---- PAGINE STATICHE ----*/

/*Page header*/

.page-header {  
  background-color: #fff!important;
  background-image: url("/images/page_background.png");
  background-position: right top; /* default desktop: soggetto a destra */
  background-repeat: no-repeat;
  background-blend-mode: multiply; 
  background-size: contain;
}

.bg-esagoni {  
  position: relative;
  background-color: #1488E9!important;
}

.bg-esagoni::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/images/bg_tile.png");
  background-position: center top;  
  background-repeat: repeat;
  opacity: 0.02; /* trasparenza immagine */
  pointer-events: none;
}

/* background-blend-mode: normal|multiply|screen|overlay|darken|lighten|color-dodge|saturation|color|luminosity; */


/*----------------------------------------------------------------*/
/* Object responsive VANNO ALLA FINE */


@media screen and (max-width: 576px) {

	h1{font-size: 24px; color: #635651; font-weight:600}
	h2{font-size: 20px; color: #635651; line-height: 120%;}

	.font-14-10{font-size: 10px;!important}
	.font-15-13{font-size: 13px;!important}
	.font-17-13{font-size: 13px;!important}
	.font-17-15{font-size: 15px;!important}
	.font-20-15{font-size: 15px;!important}
	.cat-overlay{max-width: 100%!important; max-height:350px;text-align:center; background-image: linear-gradient(to left, rgba(0,0,0,0.3), rgba(0,0,0,0.8))}

	
	.page-header {  
	 background-size: 400px auto;
	}
	
}

/* lg */
@media screen and (max-width: 992px) {

	.ProdImg {width:100%; max-width:400px}

}
/*----------------------------------------------------------------*/




/* form - VERIFICARE SE INFLUISCONO */

.form-control::placeholder {color: #aaa; opacity: 1;font-style: italic}
.form-control:-ms-input-placeholder {color: #aaa;font-style: italic}
.form-control::-ms-input-placeholder {color: #aaa;font-style: italic}
.bootstrap-select  {border: 1px solid #CED4DA !important;}
.border-form {color: #CED4DA !important}


label {font-size: 13px; margin-bottom:5px}