@import url("./theme-gitea-light.css");
@import url("./kithara_common.css");

/*------ theme colors based on css vars ------*/
:root {
  --ks-link-color: var(--kithara-blue-600);
  --ks-link-hover: var(--kithara-blue-400);

  --color-nav-bg: var(--kithara-blue);
  --color-active: var(--kithara-yellow);

  --color-nav-text: var(--kithara-blue-50);
  --color-nav-hover-bg: var(--kithara-yellow);

  --color-footer: var(--kithara-gray);
}

input,
body {
  scroll-behavior: smooth;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum";
}

/*------ Other ------*/

.ui.menu:not(.vertical) .right.item,
.ui.menu:not(.vertical) .right.menu {
  margin-left: 0 !important;
}
@media only screen and (max-width: 767.98px) {
  .ui.menu:not(.vertical) :not(.dropdown) > .left.menu,
  .ui.menu:not(.vertical) :not(.dropdown) > .right.menu {
    padding-bottom: 15px;
  }
}

.ui.secondary.pointing.menu .item {
  font-size: 14px;
  border-right: none;
}
.ui.secondary.pointing.menu .active.item {
  font-size: 14px;
  border-right: none;
}
.ui.secondary.pointing.menu .item:hover {
  font-size: 14px;
  border-right: none;
}

.ui.dropdown.jump.item.poping.up {
  color: var(--kithara-blue-50);
  background: none;
}
.ui.dropdown.jump.item.poping.up:hover {
  color: white;
}

.ui.menu .ui.dropdown .menu > a.item {
  font-size: 14px !important;
  height: auto;
  border: none;
}
.ui.dropdown .menu > .item > img,
.ui.dropdown > .text > .image:not(.icon),
.ui.dropdown > .text > img {
  border: 1px solid var(--kithara-gray-200);
}

.ui.dropdown .menu > .header + .input {
  padding: initial !important;
}
@media only screen and (max-width: 767.98px) {
  .dashboard-navbar .ui:not(.upward).floating.dropdown > .menu {
    left: 0 !important;
    right: 0 !important;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .dashboard-navbar .ui:not(.upward).floating.dropdown > .menu > .ui.header {
    white-space: normal;
  }
}

.repository.view.issue .title h1 {
  font-family: var(--kithara-menu-font);
  color: var(--ks-link-color);
}

/*------ Menu ------*/

.ui.secondary.menu #navbar a {
  font-family: var(--kithara-menu-font);
  font-size: 16px;
}

.ui.list > .item a {
  font-family: var(--kithara-menu-font);
  color: var(--ks-link-color);
}

.ui.tabular.menu {
  font-family: var(--kithara-menu-font);
}
.ui.breadcrumb {
  font-family: var(--kithara-menu-font);
}

/*------ Buttons ------*/
.ui.green.labels .label,
.ui.ui.ui.green.label,
.ui.blue.labels .label,
.ui.ui.ui.blue.label,
.ui.white.labels .label,
.ui.ui.ui.white.label,
.ui.purple.labels .label,
.ui.ui.ui.purple.label {
  background-color: var(--kithara-gray-300) !important;
}

.ui.green.button {
  background-color: var(--kithara-gray-300);
}
.ui.green.button:hover {
  background-color: var(--kithara-gray-200);
}
.ui.green.button:focus,
.ui.green.progress .bar,
.ui.indeterminate.green.progress .bar::before,
.ui.progress .green.bar {
  background-color: #6297d1;
}
.ui.ui.progress.success .bar {
  background-color: var(--kithara-blue);
}
.ui.progress .bar > .progress {
  color: white;
}

.ui.basic.green.active.button,
.ui.basic.green.buttons .active.button {
  box-shadow: 0 0 0 1px var(--ks-link-color) inset;
  color: var(--ks-link-color);
}
.ui.basic.green.button {
  --box-shadow-color: var(--ks-link-color);
  box-shadow: 0 0 0 1px var(--box-shadow-color) inset;
  color: var(--box-shadow-color);
  background-color: white;
}
.ui.basic.green.button:hover {
  --box-shadow-color: var(--ks-link-hover);
  background-color: #f5f7f7;
}
.ui.basic.green.button:active {
  --box-shadow-color: var(--ks-link-hover);
}

.ui.blue.small.basic.cancel.button {
  background-color: transparent;
}
.ui.red.basic.button,
.ui.basic.blue.button {
  background-color: transparent;
}

.ui.label {
  padding: 0.7em;
  padding-top: 0.5em;
  padding-bottom: 0.6em;
}
.ui.white.label {
  background-color: #e76536;
  color: white;
}

.admin .table.segment form tbody button[type="submit"] {
  display: flex;
}

.ui.teal.button,
.ui.teal.buttons .button {
  background-color: var(--kithara-gray-300);
}
.ui.teal.button:hover,
.ui.teal.buttons .button:hover {
  background-color: var(--kithara-gray-200);
}
.ui.teal.button:focus, .ui.teal.buttons .button:focus ,

/*------ font ------*/

h1, h2, h3, h4, h5 {
  font-family: var(--kithara-heading-font);
}
.CodeMirror {
  font-family: var(--fonts-monospace);
  font-size: 14px;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum";
}

/*------ logo ------*/

[id="org-avatar"],
.ui.avatar.image {
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
}

/*------ Other2 ------*/

.ui.form .dropzone {
  border-color: var(--kithara-gray-200);
}