:root {
  --background-color-dark: #1c1a1a;
  --background-color-light: #e8dbdb;
  --primary-color: #dd8b6a;
  --secondary-color: #dd8b6a;
  --purple-color: #aaa0ea;
  --secondary-color-dark: #885f53;
  --secondary-color-light: #ecb;
}

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;
}

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

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

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

.theme--dark .vc-pane {
  background-color: #272727;
  border-radius: 8px;
  padding-left: 15px;
  padding-right: 15px;
}

.theme--light .vc-pane {
  background-color: var(--secondary-color-light);
  border-radius: 8px;
  padding-left: 15px;
  padding-right: 15px;
}
    
div > .vc-header.align-left[data-v-74ad501d] {
  justify-content: center;
}

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

 .vc-day-content[data-v-4420d078] {
  border-radius: 8px !important;
}

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

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

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

/* EDITOR TEXT BOX WHEN CREATING AN EVENT */
.theme--dark .editor .ProseMirror {
  background-color: #312c2c !important;
  border-radius: 8px !important;
}

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

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

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

.v-text-field--outlined, .v-text-field--solo {
  border-radius: 15px !important;
}

.vc-container.vc-is-dark {
  --gray-900: #312c2c !important;
  --rounded-lg: 15px !important;
}

.vc-container {
    border: 0px !important;
    --rounded-lg: 15px !important;
    --white: #f2cabb !important;
    --gray-900: #9f6262 !important;
}

/* CALENDAR */
.vc-is-dark .vc-title[data-v-74ad501d] {
  color: var(--secondary-color-dark) !important;
}

.vc-title[data-v-74ad501d] {
  color: #a26665 !important;
}

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

.vc-weekday[data-v-74ad501d] {
  color: #a26665 !important;
}

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

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

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

/* COLOR OUTLINE 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: hsl(17.2, 62.8%, 64.1%) !important;
  background-color: #272727;
}

.theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot fieldset {
  color: hsl(17.2, 62.8%, 64.1%) !important;
  background-color: #eeccbb;
}

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

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

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

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

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 */
.vc-svg-icon path[data-v-63f7b5ec] {
  fill: var(--primary-color) !important;
}

/* LANGUAGE BUTTON */
.theme--dark.v-btn.v-btn--icon, .theme--light.v-btn.v-btn--icon {
  color: var(--secondary-color) !important;
}

/* LOGO BUTTON COLOR */
.v-btn {
  color: var(--secondary-color) !important;
}

/* EVENT TITLE */
h2.title.p-name {
    color: var(--purple-color) !important;
    font-weight: bold !important;
}

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

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

/* EVENT GRID */

.theme--dark.v-card {
  background-color: #2a282f !important;
}

.theme--dark .event {
  border: 0px !important;
}

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

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

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

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

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

.theme--light.v-chip :hover {
  border-color: var(--purple-color) !important;
  color: var(--purple-color) !important;
}

.theme--dark.v-chip :hover {
  border-color: var(--purple-color) !important;
  color: var(--purple-color) !important;
}

/* TAGS */
.v-chip.v-chip--outlined:hover {
  border-color: var(--purple-color) !important;
}

.theme--dark.v-chip:hover {
  color: var(--purple-color) !important;
}

/* TAB BUTTONS SVG */

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

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

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

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

.v-btn--has-bg.theme--dark {
 color: white !important;
}

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


/* SCROLL BAR */

body, html {
  scrollbar-color: var(--secondary-color) var(--background-color-dark) !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;
}

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

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

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

}