:root {
  --bs-link-color: #ffffff;
  --bs-nav-link-font-weight:bold;
  --bs-border-radius:0.5rem;
  --display-color-1:#ff9100;
  --display-color-2:#0e1e59;
  --display-color-3:#4fb1db;
  --display-color-4:#ffffff;
  --display-color-5:#98a1c2;
  --display-color-6:#006ea5;
  

  --display-main-low-color:#7f3582;
  --display-main-color-reverse:#ffffff;
  --display-sub-color:#1f386d;
  --display-therapeutic-area-menu-height:73px;
  --display-header-menu-height:73px;
  --bs-link-color-rgb:rgb(111, 28, 115);
  --bs-secondary-color:#000000;
  --bs-border-width: 0px;

  --bs-navbar-active-color:var(--display-color-2);
  --bs-body-color:var(--display-color-2);
  
}

.test-debug {padding:10px;background-color: rgb(214, 241, 151);text-align: center;margin: 5px;}

body,html {
  margin: 0;
  padding: 0;
  width: 100%;
  scroll-behavior: smooth;
  font-family: "Montserrat", sans-serif;
  color:var(--display-color-2);
  overflow-x: clip;
  line-height: 150%;
  
}

a {text-decoration: none;font-weight: bold;}
a:hover {color:currentColor}
.breadcrumbs a {font-weight: normal;    }
.breadcrumbs {color: #FFF;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}

main{font-size:1.1rem}

.btn.main-menu {
  --bs-btn-color:#ffffff;
  --bs-btn-hover-color:#ffffff;
  --bs-btn-hover-bg:var(--display-color-1);
  --bs-btn-border-radius:0;
}
.btn {
  --bs-btn-color: #ffffff;
  --bs-btn-hover-color: var(--display-color-1);
  --bs-btn-hover-bg: #ffffff;
  --bs-btn-bg: var(--display-color-1);
  --bs-btn-padding-x: 0.85rem;
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-border-color:var(--display-color-1);
  --bs-btn-border-radius:1rem;
}
.nav {
  --bs-nav-link-hover-color:#ffffff;
}
.btn-reverse {
  --bs-btn-color: var(--display-color-1);
  --bs-btn-hover-color: var( --display-main-color-reverse);
  --bs-btn-hover-bg: var(--display-color-1);
  --bs-btn-bg:var( --display-main-color-reverse);
}
.btn-sub {
  --bs-btn-color: var(--display-main-color-reverse);
  --bs-btn-hover-color: var(--display-sub-color);
  --bs-btn-hover-bg: var(--display-main-color-reverse);
  --bs-btn-bg:var( --display-sub-color);
}
.btn-close {
  --bs-btn-close-color:var(--bs-link-color);
  --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") 
}
.widget-1 a,.un {
  display: inline-block;
   text-decoration: none;
  transition: color 1s;
 }
 /*.widget-1 a::after,*/.un::after {
  content: '';
  width: 0px;
  height: 1px;
  display: block;
  background: var(--display-color-1);
  transition: 300ms;
 }
 .un.white::after {
  background: #ffffff;
 }

 .widget-1 a:hover::after,.un:hover::after {
   width: 100%;
 }
select {
  padding:0.25rem 0.85rem;
  background-color: transparent;
  color: #ffffff;
  border:1px solid #ffffff;
  border-radius: 1rem;
}

.main-color-bg {
 background-color:var(--display-color-2);
}
.sub-color-bg-1 {
 background-color:var(--display-color-3);
}
.sub-color-bg-2 {
 background-color:var(--display-color-4);
}
.sub-color-bg-3 {
  background-color:var(--display-color-6);
}
 

.sub-color-1 {
  color: var(--display-color-4);
 }
 .sub-color-2 {
  color: var(--display-color-2);
 }
 .sub-color-3 {
  color: var(--display-color-1);
 }
 .sub-color-4 {
  color: var(--display-color-3);
 }


.main-color {
 color:var(--display-color-3)
}
.sub-color1 {
 color:var(--display-color-2)
}

.nav-link.selected {
  font-weight: bold;
  color:var(--display-color-1);
}

.nav-link.active {
  background-color:var(--display-sub-color);
 }


.btn-text, .card-label {
 text-transform: uppercase;
}

.w-40 {
 width: 40%!important;
}

.row-spacing {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.box-spacing {
  padding-left: 4rem;
  padding-right: 4rem;
}

.card-img-spacing {padding-bottom: 4rem;width: 250px;}
.icon-width {width: 250px;padding-bottom: 1rem;} 

.orange-border-3 {border-left:3px solid var(--display-color-1);}
.orange-border-10 {border-left:10px solid var(--display-color-1);}

.orange-vert {display: block;width: 3px !important; max-width: 3px; background-color: var(--display-color-1);height: 100%;margin: 0 5rem;}

hr {border-top:4px solid var(--display-color-1) !important; opacity: 1;}

.neogen-box-radius {border-bottom-right-radius: 100px;  overflow: hidden;}
.neogen-hr {width: 6rem;padding-top: 2rem;margin-top: 2rem; }
.fixed-row-height {height: 440px; max-height: 440px;}
.neogen-image-cover {background-position: center center; background-repeat: repeat; background-size: cover;min-height: 200px;}

.carousel-caption {text-align: left;top: 50%;  transform: translateY(-50%);bottom:initial ; /*width: 30%;*/}
.w-30{width: 30%;}

.widget-1 h2::first-line{color:var(--display-color-2) !important}


.video-container {
  position: relative;
  padding-bottom: 56.25%; /* Proporzione 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.container-menu {padding: 2 5.6rem;}

mark{padding:0}


#neogen_hero h2 {text-transform: uppercase;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.bright{filter: brightness(0.6);}

.dropdown-menu.megamenu.show a{font-size:1.1rem}

ol.lista,ul.lista{    line-height: 2rem;}

.titolo-widget::first-line{color: var(--display-color-2);}

.tabjob .nav-tabs .nav-item.show .nav-link, .tabjob .nav-tabs .nav-link.active{background-color:var(--display-color-3);}
.tabjob .nav-tabs .nav-link{ background-color:var(--display-color-6);color:#FFFFFF;font-size:1.5rem;text-transform: uppercase;}

.btn-link a{border:2px solid var(--display-color-3);color:var(--display-color-3);border-radius:25px;    padding: 5px 15px;}
.btn-link a:hover{color:var(--display-color-6);border:2px solid var(--display-color-6)}
.btn-link a::after{background:none}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#FFFFFF;}
.wp-block-table.is-style-stripes tbody tr td{border-bottom:1px solid #0e1e59}

input[type=submit]{border:2px solid var(--display-color-3);color:var(--display-color-3);border-radius:25px;    padding: 5px 15px;background-color:#FFFFFF;}
input[type=submit]:hover{color:var(--display-color-6);border:2px solid var(--display-color-6)}

.closePopup{
  --bs-btn-close-color:var(--display-color-2);
  --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230e1e59'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") 
}

.equal-title{    min-height: 3rem;}

/*CARD*/
.archivio .card{border:0;border-bottom:4px solid #111d53;border-radius:0px;opacity: 0; transform: translateY(20px);  animation: fadeInUp 1s ease-out forwards;animation-delay: 0.5s; }
.archivio .card {flex-direction: row !important; align-items: stretch;}
.archivio .card img {width:43%;object-fit: cover; -o-object-fit: cover; max-height: 220px;border-bottom-right-radius:0px;display:none}
.archivio .card .card-text {}
.archivio .col:nth-child(-n+3) {margin-bottom: 3rem;}
.archivio .col:nth-child(-n+3) .card {flex-direction: column !important;margin-bottom:2rem;}
.archivio .col:nth-child(-n+3) .card img {width:100%;border-bottom-right-radius:50px;display:block}
.archivio .col:nth-child(-n+3) .card .card-text{display:block}


.badge:hover{background-color:var(--display-color-1);color:var(--display-color-4);   }
.badge,.badge:active{background-color:var(--display-color-2); font-size: 0.8em;white-space:initial;}

.tag-sezione{color:#000000a6}

.hero-interna{padding:75px 0;    border-bottom-right-radius: 100px;background-position:center center;}


/*TEASER HOMEPAGE*/
.teaser:hover{cursor:pointer;}
.teaser h5 {    transition: color 0.3s ease-in-out;}

.teaser:hover h5 {    color: var(--display-color-1);}


.img-bg {    width: 100%; padding-top:100%;       background-size: contain;    background-repeat: no-repeat;    background-position: center;     transition: background-image 0.3s ease-in-out, transform 0.3s ease-in-out;}

.teaser.cardio .img-bg{    background-image: url('../images/ico_cardio-metabolica.svg'); }
.teaser.cardio:hover .img-bg{    background-image: url('../images/ico_cardio-metabolica_r.svg'); }

.teaser.pneumo .img-bg{    background-image: url('../images/ico_pneumo-allergologica.svg'); }
.teaser.pneumo:hover .img-bg {    background-image: url('../images/ico_pneumo-allergologica_r.svg'); }

.teaser.osteo .img-bg{ background-image: url('../images/ico_osteoarticolare.svg'); }
.teaser.osteo:hover .img-bg {    background-image: url('../images/ico_osteoarticolare_r.svg'); }

.teaser.neuro .img-bg{ background-image: url('../images/ico_neuro-psichiatrica.svg'); }
.teaser.neuro:hover .img-bg {    background-image: url('../images/ico_neuro-psichiatrica_r.svg'); }

.teaser.pediatrica .img-bg{ background-image: url('../images/ico_pediatrica.svg'); }
.teaser.pediatrica:hover  .img-bg {    background-image: url('../images/ico_pediatrica_r.svg'); }

.teaser.vascolare .img-bg{ background-image: url('../images/ico_vascolare.svg'); }
.teaser.vascolare:hover  .img-bg {    background-image: url('../images/ico_vascolare_r.svg'); }

.teaser.antibiotica .img-bg{ background-image: url('../images/ico_antibiotica.svg'); }
.teaser.antibiotica:hover  .img-bg {    background-image: url('../images/ico_antibiotica_r.svg'); }

.teaser.gastro .img-bg{ background-image: url('../images/ico_gastro-enterica.svg'); }
.teaser.gastro:hover  .img-bg {    background-image: url('../images/ico_gastro-enterica_r.svg'); }

.teaser.otorino .img-bg{ background-image: url('../images/ico_otorino-laringoiatrica.svg'); }
.teaser.otorino:hover  .img-bg {    background-image: url('../images/ico_otorino-laringoiatrica_r.svg'); }

.teaser.uro .img-bg{ background-image: url('../images/ico_urologica.svg'); }
.teaser.uro:hover  .img-bg {    background-image: url('../images/ico_urologica_r.svg'); }




/* Animazione */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

 .embed-container {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%; /* Aspect ratio 16:9 */
        height: 0;
    }

    .embed-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }