@import url('https://fonts.googleapis.com/css?family=Overpass');
.overlay {
  color:#fff;
  position:absolute;
  z-index:12;
  bottom:200%;
  left:0;
  width:100%;
  text-align:center;
  font-family: 'Overpass', sans-serif;
}

.btn-custom {
  background-color: hsl(42, 97%, 28%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbb40d", endColorstr="#8c6302");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fbb40d), to(#8c6302));
  background-image: -moz-linear-gradient(top, #fbb40d, #8c6302);
  background-image: -ms-linear-gradient(top, #fbb40d, #8c6302);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbb40d), color-stop(100%, #8c6302));
  background-image: -webkit-linear-gradient(top, #fbb40d, #8c6302);
  background-image: -o-linear-gradient(top, #fbb40d, #8c6302);
  background-image: linear-gradient(#fbb40d, #8c6302);
  border-color: #8c6302 #8c6302 hsl(42, 97%, 22%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.39);
  -webkit-font-smoothing: antialiased;
}

form{

  text-align: center;

}

body{
  font-family: 'Overpass', sans-serif;
  background-color: #fff8d6
}

.navbar-default {
  background-color: #d1730b; !important;
  border-color: #fff8d6; !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: white; !important;
  background-color: #ffb544; !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: white; !important;
  background-color: #ffb544; !important;
}

.navbar-default .navbar-nav > li > a {
  color: white; !important;
}

.media-object {
  object-fit: cover;
  object-position: center; /* Center the image within the element */
  width: 300px;
  height: 150px;
}

.descrizione{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.cv-image{
  object-fit: cover;
  object-position: center; /* Center the image within the element */
  width: 300px;
  height: 150px;
}

/* Navigation */

button{/*non va*/
  color: #2a6496;
}
.btn{
  background-color: #1b6d85;

}

.elemento-left
{
  float:left; !important;
}

.elemento-right
{
  float:right; !important;
}



@media (min-width: 1200px) {
  .containerfiltri {
    width: 100%;

  }
}
.filtri>li{
  height: 100%;
  width: 100%;
}
.filtri>li :hover, .filtri> li:focus  {
  color: #555;
  background-color: #e7e7e7;
  text-decoration: none;
  outline: 0;

}
.filtri > .disabled > li:hover, .filtri > .disabled > li:focus{
  text-decoration: none;
}

filtri>li:visited {
  text-decoration: none;
}
.filtri>a{
  text-decoration: none;
}
.filtri{
  top: 100%;
  left: 0;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 100%;
  width: 100%;
}
.filtri > li > a {

  width: 100%;
  height: 100%;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
#ambito{
  list-style: none;
  padding-top: 20px;

  text-align: left;
}
#filtri_ambito{
  padding-left: 20px;
  padding-top: 20px;
  text-align: left;
}
#ambito.active{
  visibility: visible;
}
#ambito.disabled{
  visibility: hidden;
}
#pagin{
  x:-50 px;
  y: -50px
}

#areageografica{
  list-style: none;
  padding-top: 20px;
  text-align: left;
}
#torna_login{
  text-align: center;
  padding-top: 20px
}
.valuta{
    padding-left: 10%;
}

.img_eventi{
    object-fit: cover;
    /*padding-right: 35%;*/
    width: 98%;
    height: 313px;
}
.button_partecipa {
  background-color: transparent;
}
.btn-filtri{
  background-color: transparent;
  color: transparent;
  border-bottom: none;
  width: 100%;
  height: 100%;

}

.messaggio_profilo{
  padding-left: 5%;

  color:#1b6d85;
  font-size: 24px;

}
/* Profile container */
.profile {
  margin: 20px 0;
}

/* Profile sidebar */
.profile-sidebar {
  padding: 20px 0 10px 0;
  background-color: #fff8d6;
}

.profile-userpic img {
  float: none;
  margin: 0 auto;
  height: 270px;
  width: 270px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  background-color: #fff8d6;
}

.profile-photo img {
  float: none;
  margin: 0 auto;
  width: 130px;
  height: 130px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 100%;
  background-color: #fff8d6;
}

.profile-usertitle {
  text-align: center;
  margin-top: 20px;
  background-color: #fff8d6;
}

.profile-usertitle-name {
  color: #9a5600;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
  background-color: #fff8d6;
}

.profile-usertitle-job {
  text-transform: uppercase;
  color: #db7b00;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
  background-color: #fff8d6;
}

.profile-userbuttons {
  text-align: center;
  margin-top: 10px;
}

.profile-userbuttons .btn {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
  margin-right: 5px;
}

.profile-userbuttons .btn:last-child {
  margin-right: 0px;
}

.profile-usermenu {
  margin-top: 30px;
}

.profile-usermenu ul li {
  border-bottom: 1px solid #f0f4f7;
}

.profile-usermenu ul li:last-child {
  border-bottom: none;
}

.profile-usermenu ul li a {
  color: #93a3b5;
  font-size: 14px;
  font-weight: 400;
}

.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 14px;
}

.profile-usermenu ul li a:hover {
  background-color: #fafcfd;
  color: #5b9bd1;
}

.profile-usermenu ul li.active {
  border-bottom: none;
}

.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px;
}

/* Profile Content */
.profile-content {
  padding: 20px;
  background: #fff;
  min-height: 460px;
}

.quote-card {
  background: #F9A825;
  color: black;
  margin-top: 20px;
  padding: 20px;
  padding-left: 40px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
  position: relative;
  overflow: hidden;
  min-height: 120px;
}
.quote-card p {
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
  max-width: 80%;
  color: black;
}
.quote-card cite {
  font-size: 16px;
  margin-top: 10px;
  display: block;
  font-weight: 200;
  opacity: 0.8;
  color: black;
}
.quote-card:before {
  font-family: Georgia, serif;
  content: "“";
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 5em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
  opacity: 0.5;
}
.quote-card:after {
  font-family: Georgia, serif;
  content: "”";
  position: absolute;
  bottom: -110px;
  line-height: 100px;
  right: -32px;
  font-size: 25em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
  opacity: 0.5;
}
@media (max-width: 640px) {
  .quote-card:after {
    font-size: 22em;
    right: -25px;
  }
}

.person {
  border: 10px solid transparent;
  margin-bottom: 25px;
  width: 80%;
  height: 80%;
  opacity: 0.8;
}
.person:hover {
  border-color: #f1f1f1;
}
.logo{
  width: 40%;
  height: 40%;
}
.logo_navbar{
  width: 25px;
  height: 25px;
}

.evento{
  font-size: 48px;
  color: #9a5600
}
.evento_organizzatore{
  font-size: 36px;
  color: #db7b00
}
.evento_orario{
  font-size: 24px;
  color: #ec9326;
}
.evento_categoria{
  font-size: 24px;
  text-align: left;
  color: #ff9515;
}
.evento_valutazione{
  text-align: right;
  font-size: 24px;
  color: #e8a61f;
}
.evento_costo{
  color: #e8a61f;
}

.intro{
  font-size: 24px;
  text-align: center;
  color: #ff9515;
}

.foto_bacheca{
  max-width: 100%;
}
section {
  padding: 150px 0;
}

.calendar{
  padding: 10px 0px 10px 0px;
}

section, summary {
  display: block;
}

/*.img-cv{
  height: 45%;
  width: 45%;
}*/

img{
  margin:auto;
}
/* css dei custom markers
 */

.custom-marker {
  font-size: 1.5em;
  padding: 10px;
  background: #2aabd2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: #7F7F7F solid 1px;
  display: block;
}




/*   CALENDARIO    */


#cal {
  font-family: 'Abril Fatface', cursive;
  font-size: 1.2em;
  background: #ffe7e9 url("https://images.unsplash.com/photo-1456271390536-693558280c8f?dpr=1&auto=format&crop=entropy&fit=crop&w=1500&h=996&q=80&cs=tinysrgb") no-repeat center center fixed;
  background-size: cover;
  color: #ddd;
}
.datepicker {
  width: 475px;
  background: #fdfdfd;
  border-radius: 10px;
  box-shadow: 0 19px 38px rgba(0,0,0,0.2), 0 15px 12px rgba(0,0,0,0.2);
  margin: 15px auto;
  overflow: hidden;
}

.datepicker .datepicker-header {
  height: 250px;
  background-image: url("https://images.unsplash.com/photo-1441205337478-70cb1521e35a?dpr=1&auto=format&crop=entropy&fit=crop&w=1500&h=1000&q=80&cs=tinysrgb");
  background-size: 100%;
}
.datepicker .ui-datepicker-inline {
  padding: 30px;
}
.datepicker .ui-datepicker-header {
  text-align: center;
  font-size: 1.4em;
  padding-bottom: .5em;
  letter-spacing: .1em;
  color: #333;
}
.datepicker .ui-datepicker-header .ui-datepicker-prev,
.datepicker .ui-datepicker-header .ui-datepicker-next {
  float: left;
  cursor: pointer;
  font-size: 1.4em;
  padding: 0 5px;
  margin-top: -8px;
  color: #ddd;
  transition: .6s;
}
.datepicker .ui-datepicker-header .ui-datepicker-next {
  float: right;
}
.datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
  transform: translateX(-25px)
}
.datepicker .ui-datepicker-header .ui-datepicker-next:hover {
  transform: translateX(25px)
}
.datepicker .ui-datepicker-calendar {
  width: 100%;
  text-align: center;
}
.datepicker .ui-datepicker-calendar thead {
  color: #ddd;
}
.datepicker .ui-datepicker-calendar tr th,
.datepicker .ui-datepicker-calendar tr td {
  padding-bottom: .4em;
}
.datepicker .ui-datepicker-calendar a {
  color: #333;
  text-decoration: none;
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  border: 1px solid transparent;
  cursor: pointer;
}
.datepicker .ui-datepicker-calendar a:hover {
  background: #da89a2;
  color: #fff;
  transition: .7s;
  transform: scale(1);
}
.datepicker .ui-datepicker-calendar .ui-state-highlight {
  background: #da89a2;
  color: #fff;
}
.datepicker .ui-datepicker-calendar .ui-state-highlight:hover {
  color: #fff;
}




/*   STELLINE RATING    */

div.stars {

  width: 270px;

  display: inline-block;

}



input.star { display: none; }



label.star {

  float: right;

  padding: 10px;

  font-size: 36px;

  color: #444;

  transition: all .2s;

}



input.star:checked ~ label.star:before {

  content: '\f005';

  color: #FD4;

  transition: all .25s;

}



input.star-5:checked ~ label.star:before {

  color: #FE7;

  text-shadow: 0 0 20px #952;

}



input.star-1:checked ~ label.star:before { color: #F62; }



label.star:hover { transform: rotate(-15deg) scale(1.3); }



label.star:before {

  content: '\f006';

  font-family: FontAwesome;

}