.event{
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border:0px !important;
    border-radius:3px;
}
.event:hover{
     box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.12);
}
.event .title{
 margin: .5rem .5rem !important;
}
#event{  background: #ad3737 !important; }
#event .row .col:first-child{
   padding: 0 !important;
   margin-bottom:1.5rem;
}
#event .img img{ max-height: 90vh; }
.theme--light #event .row .col:first-child { background: #fcfcfc; }
.theme--dark #event .row .col:first-child { background: #191919; }
#event .row .col:last-child{
    padding: 1rem 1.5rem !important;
    padding-top:0 !important;
}
#event .p-description{
    padding: 1rem !important;
}
#event .v-btn.v-btn--icon{ color: #fcfcfc !important; }
#event .v-btn.v-btn--icon.v-btn--disabled{ color: #ad3737 !important; }
div.vc-container, #event .v-card{  
  border: 0px !important;
  border-radius:3px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
}
#navbar > .v-tabs-bar{ margin-top: -12px; }
#navbar { margin-top: 15.5vw !important; }
#navsearch + #navbar { margin-top: 15px !important; }
#navbar a, #navbar a span { color: #fcfcfc !important; }
#navsearch{ position: relative; z-index: 5; }
#navbar{
 position:relative;
 background: #ad3737 !important;
}
#events{ margin-top: 0 !important; }
main.v-main{
}

h1.text-h3{
  background: #ad3737 !important;
  line-height:1.1;
}
#home h1 { margin-top: 1rem !important;   font-size: 2.125rem !important; line-height:1.1; }
#home h1 u{ text-decoration: none; color:#fcfcfc !important; } 
#home h1 + .text-subtitle { color:#f9f9f9; }
#home .v-btn--round{ color:#fafafa !important; }
#home > div .row.justify-center{ margin-bottom: 0.5rem; }
h1.text-h3 {  margin-bottom: 1rem; }
h1.text-h3 u{ text-decoration: none; color:#fdfdfd !important; font-weight: 600 !important; }
h1.title.text-center{
      font-size: 1.7rem !important;
      padding-left:10px !important;
      margin: 0px -8px;
      text-align:left !important;
      line-height:1.01 !important;
      background: #ad3737 !important;
      color:#fdfdfd !important;
      padding-top: 0.5rem !important;
      padding-bottom: 2rem !important;
}
.theme--dark #navsearch .v-input__control{ background-color: rgba(41,41,41, 0.84); }
.theme--light #navsearch .v-input__control{ background-color: rgba(230, 230, 230, 0.88); }
.theme--light.v-application h1.title.text-center .text--primary{ color:#fdfdfd !important;   } 
.theme--light nav{ position:relative; background: linear-gradient(180deg, hsla(0, 0%, 90%, .95), hsla(0, 0%, 98%, .95)) !important; }
.theme--dark nav{ position:relative; background-image: linear-gradient(rgba(25, 25, 25, .99), hsla(0, 0%, 23%, .98))  !important; }
nav:before, #navbar:before{
    content:'';
    display:block;
    background-image: url(/headerimage.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: contain;
    position: absolute;
    width: 100vw;
    height: 14.2vw;
    max-height: 180px;
    
}
nav:before{
    bottom: 0;
}
#navbar:before{
   bottom:4.5rem;
}
nav{
    margin-top:-8px !important;
}
nav #title{
    font-family: "Alfa Slab One", Roboto, sans-serif; font-weight:400;
}
nav h1, nav #title, nav #title + *{
   line-height:1 !important;
}
nav #title + * { max-width: 340px;
  margin: auto; }
nav #title{
   line-height:1 !important;
   margin-bottom:0;
}
 nav .text-center:last-child #title + * {
   padding-bottom: 13vw !important;
}

.v-menu__content .v-card.v-sheet .row:last-child .col { padding: 0 !important; }

.v-application{ background: #ad3737 !important; }
.theme--dark main.v-main .container{ background-color: #191919; }
.theme--light main.v-main .container{ background-color: #fafafa; }
.theme--dark main.v-main { background-color: #ad3737; }
.theme--light main.v-main { background-color: #ad3737; }

#home{ background: #ad3737 !important; }
.v-tabs-slider-wrapper{ height: 5px !important; color: #38b5b8; }
.v-tab.v-tab--active{ color: #38b5b8 !important; }
#navbar a.v-tab--active, #navbar a.v-tab--active span{ color: #38b5b8 !important; }
footer.v-footer {
background-color:#5db8ba !important; color:#fff !important; }
footer.v-footer a .v-btn__content, footer.v-footer button .v-btn__content{ color:#fff !important; }
.v-card__title{ background: #5db8ba !important; color: #fafafa !important; margin-bottom:1rem; }
.v-card__title + .v-card__subtitle { margin-top: 1.3rem !important; }
.v-card__text h1 { 
background: #48a4a7;
    color: white;
    padding: 1rem 0.8rem;
    position: absolute;
    text-align:center;
    width: 100vw;
    left: 0;
    top: 0;
}
.vc-day{ min-height: 30px !important; }

#navsearch .v-menu + span{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
}
#navsearch .v-menu + span > a.v-btn{
       height: 25px;
    min-width: 41px;
    padding: 0px 8px;
    margin-top: 0px !important;
    flex-grow: 1;
    margin-right: 0 !important;
    font-size: .62rem;
}
base-color{ color: #C83838; }

nav .d-flex a.v-btn:first-child:before{
    opacity: 0;
}

/* Modo lista */
.list-mode .event{
   max-width:100% !important;
   width: 100% !important;
   min-height: 20px !important;
   padding-bottom:7px;
   position:relative;
   overflow: visible;
}
.list-mode .event .img.thumb{
  width: 160px;
  height: 100px;
  float: left;
  margin-right: 0px;
  position: relative;
  left: -12px;
  margin-top:8px;
  border-radius: 7px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.list-mode #events{
   max-width: 700px;
   gap:10px !important;
}
.list-mode .event .v-card__actions{
   display:none !important;
}

body, .v-menu__content{
  scrollbar-color: #3b9093 #ad3737 !important;
  scrollbar-width: thin;
}
body {
  --sb-track-color: #ad3737;
  --sb-thumb-color: #3b9093;
  --sb-size: 6px;
}

::-webkit-scrollbar {
  width: var(--sb-size);
}

::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 3px;
}

@supports not selector(::-webkit-scrollbar) {
  body {
      scrollbar-color: var(--sb-thumb-color) var(--sb-track-color) !important;
  }
}