@import url('https://fonts.googleapis.com/css2?family=Erica+One&display=swap');

:root {

    /* Dark theme */
  --dark-primary-color: #A6F08A;
  --dark-secondary-color: #A272F6;
  --dark-terciary-color: #D2A5F9;
  --dark-text-color: #FFFFFF;
  --dark-background-color: #111928;
  --dark-footer: #0b101a;
  --dark-background-color-ligther: #1f2e4a;
  --dark-card-background: #374151;

  /* Light theme */
  --light-primary-color: #A272F6;
  --light-secondary-color: #A6F08A;
  --light-terciary-color: #c6ffb5;
  --light-text-color: #374151;
  --light-background-color: #fcf9f5;
  --light-background-color-darker: #dedbd8;
  --light-footer: #ffffff;
  --light-background-color-ligther: white;
  --light-card-background: white;

}

.theme--dark.v-list {
  background: var(--dark-footer) !important;
  color: #fff;
}

.theme--light.v-list {
  background: var(--light-footer) !important;
  color: #fff;
}

/* TITLE AND SUBTITLE STYLE */

.theme--dark .region-subtitle {
  margin-top: 10px;
  color: var(--dark-primary-color);
  font-size: 1rem;
  font-weight: normal;
}

.theme--light .region-subtitle {
  margin-top: 10px;
  color: var(--light-primary-color);
  font-size: 1rem;
  font-weight: normal;
}


#title {
    font-family: "Erica One", sans-serif !important;
    font-size: 3rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

div.v-application .text-body-1 {
    font-size: 1.2rem !important;
    font-weight: 400 !important;
}

/* MENU HERRAMIENTAS CAJA EDITOR */

.theme--dark.v-btn-toggle:not(.v-btn-toggle--group) {
  background: var(--dark-footer) !important;
}
.theme--light.v-btn-toggle:not(.v-btn-toggle--group) {
  background: var(--light-footer) !important;
}

.theme--dark .editor svg.v-icon__svg {
  fill: white !important;
}

.theme--light .editor svg.v-icon__svg {
  fill: black !important;
}

/* VISTA ADMINISTRAR */
.container .theme--dark.v-tabs-items {
  background-color: var(--dark-background-color-ligther) !important;
}

.container .theme--light.v-tabs-items {
  background-color: var(--light-background-color-ligther) !important;
}

main .theme--dark.v-tabs > .v-tabs-bar {
  background-color: var(--dark-background-color-ligther) !important;
}

main .theme--light.v-tabs > .v-tabs-bar {
  background-color: var(--light-background-color-ligther) !important;
}

.theme--dark.v-data-table {
  background-color: transparent !important;
}

/* FOOTER */

.theme--dark.v-footer {
  background-color: var(--dark-footer) !important;
}

.theme--light.v-footer {
  background-color: var(--light-footer) !important;
}


/* MENU BUTTONS */

.theme--dark .d-flex svg.v-icon__svg {
    fill: var(--dark-text-color) !important;
}

.theme--light .d-flex svg.v-icon__svg {
    fill: var(--light-text-color) !important;
}

/* EDITOR TEXT BOX WHEN CREATING AN EVENT */
.theme--dark .editor .ProseMirror {
  background-color: var(--dark-card-background) !important;
  border-radius: 8px !important;
}

.theme--light .editor .ProseMirror {
  background-color: var(--light-card-background) !important;
  border-radius: 8px !important;
}

.v-sheet.v-card.v-sheet--outlined {
  border-radius: 15px !important;
}

.event {
  border-radius: 10px !important;
}

.theme--dark .v-text-field--outlined, .v-text-field--solo {
  border-radius: 15px !important;
  background-color: var(--dark-card-background);
}

.theme--light .v-text-field--outlined, .v-text-field--solo {
  border-radius: 15px !important;
  background-color: var(--light-card-background);
}

.theme--dark .vc-container {
    border: 0px !important;
    --rounded-lg: 4px !important;
}

.theme--light .vc-container {
    border: 0px !important;
    --rounded-lg: 4px !important;
}

/* CALENDAR */

.theme--dark .vc-pane-layout {
  grid-gap: 10px;
  background-color: var(--dark-background-color);
}

.theme--light .vc-pane-layout {
  grid-gap: 10px;
  background-color: var(--light-background-color);
}

.theme--dark .vc-highlight:not(.is-today) {
  background-color: var(--dark-secondary-color) !important;
  border-style: none !important;
  border-radius: 8px !important;
}

#navsearch .vc-pane { 
  box-shadow: 0px 1px 2px -1px #0000001A, 0px 1px 3px 0px #0000001A;
}

.theme--light .vc-highlight:not(.is-today) {
  background-color: var(--light-secondary-color) !important;
  border-style: none !important;
  border-radius: 8px !important;
}

.theme--dark .is-today .vc-day-content {
  background-color: var(--gray-700) !important;
  border-radius: 6px !important;
}

.theme--light .is-today .vc-day-content {
  background-color: var(--light-background-color-darker) !important;
  color: var(--light-text-color) !important;
  border-radius: 6px !important;
}

.theme--light .vc-day-content {
  color: var(--light-text-color) !important;
}

.theme--dark .vc-day-content[data-v-4420d078]:hover {
  background-color: var(--dark-terciary-color) !important;
  color: white !important;
  border-radius: 8px !important;
}

.theme--light .vc-day-content[data-v-4420d078]:hover {
  background-color: var(--light-terciary-color) !important;
  color: black !important;
  border-radius: 8px !important;
}

.theme--dark .vc-pane {
  background-color: var(--dark-card-background);
  border-radius: 8px;
  padding-left: 15px;
  padding-right: 15px;
}

.theme--light .vc-pane {
  background-color: var(--light-card-background);
  border-radius: 8px;
  padding-left: 15px;
  padding-right: 15px;
}

div > .vc-header.align-left[data-v-74ad501d] {
  justify-content: center;
}

.theme--dark .vc-title[data-v-74ad501d] {
  color: var(--dark-text-color) !important;
  padding-bottom: 18px;
}

.theme--light .vc-title[data-v-74ad501d] {
  color: var(--light-text-color) !important;
  padding-bottom: 18px;
}

.vc-title[data-v-74ad501d] {
  color: var(--light-secondary-color) !important;
}

.vc-weekday[data-v-74ad501d] {
  color: var(--gray-400) !important;
}

/* BACKGROUND COLOR */
.theme--dark.v-application {
  background: var(--dark-background-color) !important;
}

.theme--light.v-application {
  background: var(--light-background-color) !important;
}

/* REMOVE BACKGROUND IMAGE */
nav {
  background-image: none !important;
}

/* SEARCH BAR */
.theme--dark.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot fieldset {
  color: var(--dark-card-background) !important;
  background-color: var(--dark-card-background);
}

.theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot fieldset {
  color: var(--light-card-background) !important;
  background-color: var(--light-card-background);
}

.theme--light #navsearch .v-input {
  border: 1px solid #D1D5DB !important;
}

.theme--dark.v-text-field--outlined svg.v-icon__svg {
  fill: var(--dark-primary-color) !important;
}

.theme--light.v-text-field--outlined svg.v-icon__svg {
  fill: var(--light-primary-color) !important;
}

/* ICON SIZE IN EVENT PAGE */
span.v-icon.notranslate {
  height: 20px !important;
  width: 20px !important;
}

svg.v-icon__svg {
  height: 20px !important;
  width: 20px !important;
}

/* COLOR ICONS */
.theme--dark svg.v-icon__svg {
  fill: var(--dark-terciary-color) !important;
}

.theme--dark div.v-card__title button.v-btn svg.v-icon__svg {
  fill: var(--dark-primary-color) !important;
}

.theme--light svg.v-icon__svg {
  fill: var(--light-text-color) !important;
}

.theme--dark article.h-event svg.v-icon__svg {
  fill: var(--dark-text-color) !important;
}

.theme--light article.h-event svg.v-icon__svg {
  fill: var(--light-text-color) !important;
}

span.v-alert__icon > svg {
 fill: black !important;
}

.theme--dark a > span {
 color: var(--dark-text-color);
}

div.success ~ svg {
 fill: black !important;
}

span.v-info__icon > svg {
 fill: black !important;
}

span.v-error__icon > svg {
 fill: black !important;
}

/* COLOR CHANGE MONTH IN CALENDAR GRID */
.theme--dark .vc-svg-icon path[data-v-63f7b5ec] {
  fill: var(--dark-primary-color) !important;
}

.theme--light .vc-svg-icon path[data-v-63f7b5ec] {
  fill: var(--light-text-color) !important;
}

/* EVENT TITLE */
h2.title.p-name {
    font-weight: bold !important;
}

.theme--dark h2.title.p-name :hover {
    color: var(--dark-secondary-color) !important;
    text-decoration: none !important;
}

.theme--light h2.title.p-name :hover {
    color: var(--light-secondary-color) !important;
    text-decoration: none !important;
}

/* EVENT LOCATION TEXT */
.theme--dark .subtitle-1 {
    color: var(--dark-text-color) !important;
}

.theme--light .subtitle-1 {
    color: var(--light-text-color) !important;
}

/* EVENT GRID */
.theme--dark .v-card {
  background-color: var(--dark-card-background) !important;
}

.theme--light .v-card {
  background-color: var(--light-card-background) !important;
}

.event {
  border: 0px !important;
}

.theme--light .event {
  border: 1px solid #D1D5DB !important;
}

.theme--dark .editor.editor--focused .label {
    color: var(--dark-secondary-color) !important;
}

.theme--light .editor.editor--focused .label {
    color: var(--light-secondary-color) !important;
}

/* BOTTONES ? */
.theme--dark .v-application .primary {
  border-color: var(--dark-terciary-color) !important;
}

.theme--light .v-application .primary {
  border-color: var(--light-terciary-color) !important;
}

.v-application a {
    text-decoration: none !important;
}

.theme--dark .v-application a.place {
    color: var(--dark-text-color) !important;
}

.theme--light .v-application a.place {
    color: var(--light-text-color) !important;
}

.theme--dark .v-application a.place {
    color: var(--dark-text-color) !important;
}

.theme--light .v-application a.place {
    color: var(--light-text-color) !important;
}

.theme--dark .v-application .primary--text {
  color: var(--dark-secondary-color) !important;
}

.theme--light .v-application .primary--text {
  color: var(--light-secondary-color) !important;
}

/* TAGS */

.theme--dark a.v-chip--outlined span.v-chip__content {
  color: var(--dark-background-color)  !important;
  caret-color: var(--dark-secondary-color)  !important;
}

.theme--light a.v-chip--outlined span.v-chip__content {
  color: white  !important;
  caret-color: var(--light-primary-color)  !important;
}

.theme--dark div > .v-chip.v-chip--outlined.v-chip.v-chip  {
  border-color: var(--dark-secondary-color) !important;
  background-color: var(--dark-secondary-color) !important
}

.theme--light div > .v-chip.v-chip--outlined.v-chip.v-chip  {
  border-color: var(--light-primary-color) !important;
  background-color: var(--light-primary-color) !important;
}

.theme--dark div > .v-chip.v-chip--outlined.v-chip.v-chip:hover  {
  border-color: var(--dark-terciary-color) !important;
  background-color: var(--dark-terciary-color) !important
}

.theme--light div > .v-chip.v-chip--outlined.v-chip.v-chip:hover  {
  border-color: var(--light-terciary-color) !important;
  background-color: var(--light-terciary-color) !important;
}


/* CHANGE STYLE MIDDLE BUTTONS */
.v-tabs--icons-and-text > .v-tabs-bar {
  height: auto !important;
}

div.v-slide-group__content.v-tabs-bar__content > a.v-tab {
  flex-direction: row-reverse !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.theme--dark a.v-tab > span.d-none.d-sm-flex {
  margin-bottom: 0 !important;
  color: var(--dark-terciary-color) !important;
}

.theme--light a.v-tab > span.d-none.d-sm-flex {
  margin-bottom: 0 !important;
  color: var(--light-text-color) !important;
}

div.v-slide-group__content.v-tabs-bar__content a.v-tab[href="/add"] {
  border: 2px solid #a272f6;
  background-color: #e3d3ff;
  padding: 1rem 1.5rem;
  border-radius: 15px;
  font-weight: bold !important;
}

.theme--dark a.v-tab[href="/add"] svg.v-icon__svg {
  fill: white !important;
}

.theme--dark a.v-tab[href="/add"] > span.d-none.d-sm-flex {
  margin-bottom: 0 !important;
  color: white !important;
}

/* TAB BUTTONS SVG */

.theme--dark div.v-tabs-bar__content :hover svg{
    fill: var(--dark-terciary-color) !important;
}

.theme--dark div.v-tabs-bar__content :hover span{
    color: var(--dark-terciary-color) !important;
}

.theme--light div.v-tabs-bar__content :hover span{
    color: var(--light-terciary-color) !important;
}

.theme--dark .v-btn * :hover {
  color: var(--dark-terciary-color) !important;
  caret-color: var(--dark-terciary-color) !important;
}

.theme--light .v-btn * :hover {
  color: var(--light-terciary-color) !important;
  caret-color: var(--light-terciary-color) !important;
}

/* TEXT */

/*
button.v-btn:not(.v-btn--has-bg) {
 color: var(--dark-secondary-color) !important;
}
*/

.theme--dark .v-btn--has-bg {
 color: var(--dark-text-color) !important;
}

.theme--light .v-btn--has-bg {
 color: var(--light-text-color) !important;
}


/* SCROLL BAR */

body, html .theme--dark {
  scrollbar-color: var(--dark-secondary-color) var(--dark-background-color) !important;
  scrollbar-width: auto !important;
}

.theme--light body, html {
  scrollbar-color: var(--light-secondary-color) var(--light-background-color) !important;
  scrollbar-width: auto !important;
}

.v-tabs-bar{
  border-radius: 10px !important;
}

.v-tabs-bar {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.v-item-group {
  border-radius: 10px !important;
}

div.container > .theme--dark.v-tabs > .v-tabs-bar.v-slide-group {
  background-color: #1d232b !important;
}

div.container > .theme--light.v-tabs > .v-tabs-bar.v-slide-group {
  background-color: #55aaff !important;
}

.theme--dark .v-sheet.v-card:not(.v-tabs) {
  background-color: var(--dark-background-color) !important;
}

.theme--light .v-sheet.v-card:not(.v-tabs) {
  background-color: var(--light-background-color) !important;
}

.theme--dark .v-tabs {
  background-color: var(--dark-background-color) !important;
}

.theme--light .v-tabs {
  background-color: var(--light-background-color) !important;
}

@media (max-width: 600px) {
  .v-application .d-sm-flex {
    display: flex !important;
  }
}


/* Snack anonim event added  */

.v_main__wrap > .v-snack.v-snack--bottom.v-snack--has-background.v-snack--right {
  justify-content: center !important;
  align-items: start !important;
}
.v-snack .v-snack__wrapper {  
    padding: 1rem 1.5rem;
    border-radius: 1rem;
}