body{
    font-family: HurmeGeometricSans1;
    overflow-x: hidden;
    padding-top: 135px;
}
.xx-small {
    font-size: 12px;
}
body a {
    text-decoration: none;
}
body p {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #333;
    color: inherit;
    font-weight: 400;  
}
body a.text-olive:hover {
    color: #000;
}

.divForm {
	padding: 12px;
	
}

.divFormInside {
	padding-top: 12px;
}

@media (max-width: 768px) {  
    .event-title {font-size:1rem;} 
  }
#galileo{
    background-image: url('../image/galileo.png'); /* The image used */
    background-size:cover;
   /* min-height: 378px;*/
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    padding-top: 30px;
    padding-bottom: 30px;  
}
#filterby{
    background-image: url('../image/filterby.jpg'); /* The image used */
    background-size:100% auto;
   /* min-height: 378px;*/
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
   /* padding-top: 30px;
    padding-bottom: 30px;*/  
}
#sandbox-container{
    float: right;
}
.navbar{
    top:35px;
    background-color: #30747c;
    /*min-height: 140px!important;*/
}

.navbar-dark .navbar-nav .nav-link {
    
    color: white;
    font-size: 16px;
}

@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
}
.logo {
    line-height:20px;
    font-size: 1.05rem;  
}


.my-link {
    display: block;
    color: white!important;
    text-decoration: none;
    min-width: 90px;
}
.my-link-up {
    display: block;
    color: white!important;
    text-decoration: none;
    min-width: 60px;
}
.p-2 {
    padding-left: 0rem !important;
    padding-right: .8rem !important;
}
.navbar-toggler, .navbar-light .navbar-toggler {
    border-color: transparent;
}
.navbar-toggler:focus {
    box-shadow: 0 0 0 0;
}
.navbar-light .navbar-toggler-icon {
    background-image:url('../image/hamburger.png') ;
    width: 2.5em;
    height: 2.5em;
}
.title {
    font-family: HurmeGeometricSans1Bold;     
}
.events{
   font-family: HurmeGeometricSans1Bold; 
   font-size: 2em;
   color: #30747c;
}
.award{
   font-family: HurmeGeometricSans1Bold; 
   font-size: 2em;
   color: #30747c;
}
.award-text{
   font-family: HurmeGeometricSans1; 
  font-size: 1em;
   
}
.my-link-b, .my-link-b:hover{
   font-family: HurmeGeometricSans1; 
   color: black;
   text-decoration: none;
   cursor: pointer;
    
}
.allevents,.allevents:hover,.evento,.evento:hover{
   font-family: HurmeGeometricSans1; 
   color: #325889;
   text-decoration: none;
   cursor: pointer;
}
.active{
   font-weight: bold;
}
.people-box{
    position: relative;
    left: 5%;
}
.dropdown-item{
    padding-right: 4px;
    padding-left: 4px;
    font-size: 11pt;
    font-family: HurmeGeometricSans1; 
}
/*colors*/
.bg-grey{
    background-color: #dfdfdf;
}
.bg-lime {
    background-color:#d4e1df;
}

.bg-light-lime {
    background-color: #edf2f2;
}

.bg-olive {
background-color: #30747c;
}
.bg-trans-olive {
background-color: #215156db;
}
.bg-beige {
background-color: #969380;
}
.bg-whitesmoke {
    background: #f1f1f1;
}

.bg-fluo-green {

   background: #20abb5;
}

.bg-ble {
    background-color: #325889;
}
.text-ble {
    color: #325889;
}
.text-olive {
color: #30747c;
}

.text-fluogreen {
color: #20abb5
}
.text-blue-green {
    color: #41bdc6;
}
.bg-gradient-green {
    background: rgb(32,173,181);
    background: linear-gradient(90deg, rgba(32,173,181,1) 0%, rgba(40,205,186,1) 100%);
}
.btn-outline-olive {
    color: #30747c;
    border-color: #30747c;
}
.btn-outline-olive:hover {
    background-color: #30747c;
    border-color: #30747c;
    color:white;
}
.border-olive {
    border-color: #30747c!important;   
}

.border-fluo-green {

    border-color: #20abb5;
}

.nav-item > button.text-dark.active {
    color: #20abb5!important;
}

hr.sep {
    opacity: 1;
}




ul.bullet li {

    margin-left: 15px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;

}

ul.bullet li::before {
    content: "\2022";
    color: #20acb5;
    font-weight: bold;
    display: inline-flex;
    width: 0.5em;
    font-size: 2em;
    line-height: 0.5em;
    margin-left: -15px;
    vertical-align: middle;
}

.social-share--item > a > img {
 width: 25px;
}
/*link collpase*/
.collapse-description.collapse:not(.show) {
    display: block;
    height: 4rem;
    overflow: hidden;
}
  
.collapse-description.collapsing {
    height: auto;
}
  
a.collapse-link.collapsed::after {
    content: "Leggi di più";
    font-weight: 600;
    text-decoration: none;
}
  
a.collapse-link:not(.collapsed)::after {
    content: "Leggi di meno";
    font-weight: 600;
    text-decoration: none;
}
hr.divider {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}


#multistep_form fieldset:not(:first-of-type) {
    display: none;
  } 
/*carousel*/
.carousel-control-next, .carousel-control-prev {   
    width: 5%; 
}
.carousel-item, .carousel-item img {
    max-height: 430px!important;
    width: 100%;
}
.carousel-item img {
    object-fit: cover;
    /*object-fit: contain;*/
}
.carousel-control-next-icon, .carousel-control-prev-icon {  
    background-size: 80% 80%;
    background-color: #30747c;
    border-radius: 50px;
    opacity: 1;
    border: 1px solid white;
}

.item-overlay {
    background-color: #00000096;
}

.owl-prev, .owl-next {
  position:absolute;
    background-color: #20abb5!important;
    width: 30px!important;
    height: 30px!important;
    border-radius: 50%!important;
    top: 45%;
    color: #fff!important;
    opacity: 1;
    
 }
.owl-prev span, .owl-next span{
    font-size: 30px;
    line-height: 1;
}


 .owl-prev {
    left:0;  
 }

 .owl-next {
    right:0; 
 }

 
 @media (min-width: 768px) {  
    .owl-prev {
        left:-50px;  
     }
    
     .owl-next {
        right:-50px;  
     }
    
}



#sandbox-container .table-condensed {
    table-layout: fixed;
    width: 100%;
}
#events #sandbox-container table .datepicker.datepicker-inline td {   
    padding: 2px 0px 15px 0px; 
}
#events #sandbox-container table td.old.day, #events #sandbox-container table td.day {
    background-color: white;
    border-radius: unset;
    color: #172a48 !important;
    font-weight: bold;
    height: auto!important;
    vertical-align: top;
    padding: 2px 0px 15px 0px !important;
    font-size: 0.8em;
}
#events #sandbox-container table {
    border-collapse: separate;
    border-spacing: 5px;
}
#events #sandbox-container tfoot {
    display: none;
}
.w-5 {
    width: 5rem;
}
#pills-tab .nav-link {
    background-color: #65778f;
    color: #fff;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 10px;
}

#pills-tab .nav-link.active {
    background-color:  #325889;
    color: #fff;
    font-weight: 600;
}

#pills-vertical-tab  .nav-link  {
    background-color: #edf2f2;
    color: #30757d;
    font-weight: 600;
    font-size: 0.85em;
}
#pills-vertical-tab .nav-link.active {
    background-color:  #20abb5;
    color: #fff;
    font-weight: 600;
}


#pills-vertical-tab.pills-dark .nav-link  {
    background-color: #edf2f2;
    color: #333333;
    font-weight: 600;
    font-size: 1em;
    margin-bottom: 20px;
}
#pills-vertical-tab.pills-dark .nav-link.active {
    background-color:  transparent;
    color: #20abb5;
    font-weight: 600;
}

#pills-tab .nav-item {
    padding: 0.5rem;
}

.tab-content.scrollable .tab-pane {
    max-height: 550px;
    overflow-y: auto;

}

.accordion-fluo.accordion-button::after {
    margin-left: 15px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-color: #20abb5;
    border-radius: 4px;
    background-size: 90%;
    background-position: center;
}

.accordion-button.text-olive:not(.collapsed) {
    color: #30747c;
    
}

.rounded-3 {
    border-radius: 1rem!important;
}

.rounded-5 {
    border-radius: 1.5rem!important;
}
.rounded-bottom-5 {
    border-bottom-right-radius: 1.5rem!important;
    border-bottom-left-radius: 1.5rem!important;
}
.rounded-top-5 {
    border-top-right-radius: 1.5rem!important;
    border-top-left-radius: 1.5rem!important;
}
.inverse-list > section:nth-child(odd) .row:nth-child(odd) {
    flex-direction: row-reverse !important;
}
.inverse-list > section:nth-child(even) {
    background-color: #d4e1df;
}
.table-striped tbody {
   font-weight: 400;
}


 .table-striped td {
    padding: 1em 1em 1em 0.5em;
}

 .table-striped.small-cell td {
    padding: 0.25em;
 }

 .table-striped td > a, .tab-pane a {
    color: #20abb5;
    font-weight: 600;
 }

 .table-striped td > p > a {
    color: #20abb5;
    font-weight: 600;
 }

 .page-cover {
    align-items: center;
    display: flex;
    background-image: url(../image/thumbnail_header.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height:auto;
    min-height: 260px;
 }

 .page-cover-medal {

 background-image: url(../image/Galileo-Galilei-Medal.jpg);   

 }

 .gallery-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 350px;
   


 }

 .gallery-detail {
    z-index: 2
 }

.gallery-item .image-overlay {
  background: rgb(50 88 137 / 60%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*display: none;*/
  opacity: 0;


}



.gallery-item:hover .image-overlay {
  /*display: block;*/
  opacity: 1;
  
 
}

 .main-image {
    min-width: 100%; 
    min-height: 250px;
    object-fit: cover;
 }
.video-container {
    width: 100%; 
    height: 315px; 
    float: none; 
    clear: both; 
    margin: 2px auto;
}
.vh-33 {
    height: 33vh;
}

.logo-img {
    max-width: 90px;
    width: 20%;
}

.minw-50 {
    min-width: 50%;
}

.small-logo {
    max-height: 45px;
    width: auto;
}

.icon-img {
    max-width: 55px;
}

.box-shad {
    box-shadow: 0px 6px 16px 0px rgb(0 0 0 / 9%);
}

.box-shad-none {
   box-shadow: inset 0px 0px 0px!important
}

/* width */
#talks ::-webkit-scrollbar {
  width: 10px;
}
/* Track */
#talks ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
#talks ::-webkit-scrollbar-thumb {
  background: #30747c;
}
/* Handle on hover */
#talks ::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@media(max-width: 1320px) {
  
    .people-box{
    position: relative;
    left: 0px;
}
    
}


/*
    Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
    */
    @media
      only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

        /* Force table to not be like tables anymore */
        .table-stack-sm table, .table-stack-sm thead, .table-stack-sm tbody, .table-stack-sm th, .table-stack-sm td, .table-stack-sm tr {
            display: block;
        }

        /* Hide table headers (but not display: none;, for accessibility) */
        .table-stack-sm thead tr, .table-stack-sm th {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .table-stack-sm tr {
      margin: 0 0 1rem 0;
    }
      
    /*.table-stack-sm tr:nth-child(odd) {
      background: #dee6e6;
    }*/
    
        .table-stack-sm td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 35%;
        }

        .table-stack-sm td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 15px;
            left: 5px;
            width: auto;
            white-space: nowrap;
        }


        .table-stack-sm table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    

    content: attr(data-label);
    color: #27b0b9;
    font-size: small;
}
  }

        /*
        Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
        
        td:nth-of-type(1):before { content: "First Name"; }
        td:nth-of-type(2):before { content: "Last Name"; }
        td:nth-of-type(3):before { content: "Job Title"; }
        td:nth-of-type(4):before { content: "Favorite Color"; }
        td:nth-of-type(5):before { content: "Wars of Trek?"; }
        td:nth-of-type(6):before { content: "Secret Alias"; }
        td:nth-of-type(7):before { content: "Date of Birth"; }
        td:nth-of-type(8):before { content: "Dream Vacation City"; }
        td:nth-of-type(9):before { content: "GPA"; }
        td:nth-of-type(10):before { content: "Arbitrary Data"; }*/
    }


@media (min-width: 768px) {
    .responsive-tabs .dropdown-arrow {
        display: none; 
    } 
}

@media screen and (max-width: 767px) {
    .responsive-tabs {
        position: relative;
    border: 2px solid #20acb5;
    border-radius: 25px;
    margin-bottom: 25px;
    }
    .responsive-tabs li {
        width: 100%; 
        margin: 0!important;
        padding: 0!important;
    }
    .responsive-tabs li:last-child {
        margin-bottom: 15px!important;
    }
    .responsive-tabs li > a {
        display: none; 
        border: 0 !important; 
        border-radius: 25px!important;
        margin-bottom: auto!important;
    }
    .responsive-tabs.open li > a, .responsive-tabs li > a.active {
        display: block;
    }
    .responsive-tabs .dropdown-arrow { 
        position: absolute;
        top: 15px;
        right: 15px; 
        border: solid black;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        vertical-align: middle;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transition: all ease .5s;
        cursor: pointer; 
    }
    .responsive-tabs.open .dropdown-arrow {
        transform: rotate(-135deg);
        transition: all ease .5s; 
    } 
}      


@media (max-width: 767px) {
    .photocarousel .carousel-inner .carousel-item > div {
        display: none;
    }
    .photocarousel .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.photocarousel .carousel-inner .carousel-item.active,
.photocarousel .carousel-inner .carousel-item-next,
.photocarousel .carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
    
    .photocarousel .carousel-inner .carousel-item-end.active,
    .photocarousel .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .photocarousel .carousel-inner .carousel-item-start.active, 
    .photocarousel .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }

    .photocarousel .carousel-control-prev {
    left: -40px;
}
.photocarousel .carousel-control-next {
    right: -30px;
}
}

.photocarousel .carousel-inner .carousel-item-end,
.photocarousel .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}