/* purple navbar */
body .ui.main.menu {
  border-bottom: 1px solid #452775;
  background-color: #9359fa;
}

body > .full.height > div:last-of-type {
  padding-top: 0;
  margin-top: 0;
}

/* yellow line below the purple navbar */
body > .full.height > div:last-of-type::before {
  content: " asd";
  display: block;
  background: #f6ff72;
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #727630;
  height: 6px;
  color: rgba(0,0,0,0);
  width: 100%;
  margin-bottom: 15px;
}

/* white background behind sequentialread logo */
body .ui.main.menu .ui.image {
  background-color: white;
  border-left: 3px solid #ccc;
  border-right: 3px solid #ccc;
}

/* custom branding */
@media only screen and (min-width:767px) {
  #navbar .item.brand::after {
    content: "SequentialRead Git";
    color: white;
    margin-left: 1rem;
    font-size: 16px;
    font-weight: bold;
  }
}


/* smaller nav padding */
body .ui.main.menu #navbar {
  padding: 0;
  min-height: initial;
}
body .ui.main.menu .item {
  padding: .5em .92857143em;
}

/* white links on navbar with no rounded rect backgrounds on them */
body .ui.main.menu .active.item, 
body .ui.main.menu .active.item:hover, 
body .ui.main.menu .item, 
body .ui.main.menu .item:hover,
body .ui.main.menu a.item, 
body .ui.main.menu a.item:hover {
  color: white;
  font-size: 15px;
  background: none;
}

/* white hamburger menu button for mobile */
body .ui.main.menu #navbar-expand-toggle {
  background: white;
padding-bottom: 0.4em;
padding-top: 0.4em;
}

/* purple button instead of blue button (search button)  */
body .ui.blue.button:not(.basic),
body .ui.button.primary,
body .ui.blue.buttons:not(.basic) .button{
  background-color: #9359fa !important;
  border-bottom: 3px solid #452775;
}
body .ui.blue.button:not(.basic):hover,
body .ui.blue.button:not(.basic):active,
body .ui.blue.button:not(.basic):focus,
body .ui.button.primary:hover,
body .ui.button.primary:active,
body .ui.button.primary:focus,
body .ui.blue.buttons:not(.basic) .button:hover,
body .ui.blue.buttons:not(.basic) .button:active,
body .ui.blue.buttons:not(.basic) .button:focus {
  background-color: #804add !important;
}

body .ui.basic.button.primary,
body .ui.basic.button.primary:hover,
body .ui.basic.button.primary:active,
body .ui.basic.button.primary:focus {
  box-shadow: inset 0 0 0 1px #9359fa !important;
}


/* yellow button instead of green button (new repo button) */
body .ui.green.button:not(.basic), 
body .ui.green.buttons:not(.basic) .button {
  border-bottom: 3px solid #727630;
  background-color: #f6ff72 !important;
  color: #222 !important;
  text-shadow: none;
  background-image: none;
}
body .ui.green.button:not(.basic):hover,
body .ui.green.button:not(.basic):active,
body .ui.green.button:not(.basic):focus,
body .ui.green.buttons:not(.basic) .button:hover,
body .ui.green.buttons:not(.basic) .button:active,
body .ui.green.buttons:not(.basic) .button:focus {
  background-color: #c9d343 !important;
}

.ui.blue.labels .label, 
.ui.ui.ui.blue.label {
    background-color: #9359fa !important;
    border-color: #9359fa !important;
}
.ui.blue.labels .label:hover, 
.ui.ui.ui.blue.label:hover {
    background-color: #804add !important;
    border-color: #804add !important;
}

.ui.green.labels .label, 
.ui.ui.ui.green.label,
body .settings .list > .item .green:not(.ui.button) {
    background-color: #f6ff72 !important;
    border-color: #f6ff72 !important;
    color: #222 !important;
}
body .settings .list > .item .green:not(.ui.button) {
    background-color: #92fd4b !important;
}

.ui.green.labels .label:hover, 
.ui.ui.ui.green.label:hover {
    background-color: #c9d343 !important;
    border-color: #c9d343 !important;
    color: #222 !important;
}

/* purple basic button (clone button) */
body .ui.basic.blue.button, 
body .ui.basic.blue.buttons .button {
  background: transparent;
  box-shadow: inset 0 0 0 1px #9359fa !important;
  color: #9359fa !important;
}

/* yellow basic button (issues filter buttons)  */
body .ui.basic.green.active.button, 
body .ui.basic.green.buttons .active.button,
body .ui.basic.green.button, 
body .ui.basic.green.buttons .button {
  background: transparent;
  box-shadow: inset 0 0 0 1px #727630;
  color: #727630;
}

/* purple search field instead of blue */ 
body .ui.search.fluid.action.input input,
body .ui.search.fluid.action.input input:hover,
body .ui.search.fluid.action.input input:active,
body .ui.search.fluid.action.input input:focus {
  border: 1px solid #9359fa;

  border-right: none;
  border-bottom: 3px solid #452775;
}

body .repository.file.list #repo-desc {
    font-size: 1.1em;
    line-height: 2em;
}

body .ui.repo-search {
    margin: 0;
}

body .ui.repo-search .ui.action.input input,
body .explore .ui.form .ui.fluid.action.input input {
    border-color: #9359fa;
    border-right: none;
    padding: 0 1em;
}

body .ui.repo-search .ui.action.input input::placeholder,
body .ui.search.action.input input::placeholder,
body .explore .ui.form .ui.fluid.action.input input::placeholder {
  color: #2f0082;
}

/* full width clone panel */ 

body .ui.secondary.menu.clone-panel-container {
  margin: 0;
  margin-right: 0.5em;
}

body .ui.secondary.menu.clone-panel-container .fitted.item {
  width: 100%;
}

body .repository #clone-panel {
  width: 100%;
}

body .repository #clone-panel #repo-clone-url {
  background: #f7ff81;
}

/* purple links instead of blue links */
body a,
body a:visited,
body .ui.breadcrumb a,
body .ui.breadcrumb a:visited  {
  color: #9359fa;
}
body a:hover,
body .ui.breadcrumb a:hover {
  color: #804add;
}

/* purple folder icon instead of blue folder icon */
body .repository.file.list #repo-files-table tbody .svg.octicon-file-directory, 
.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
    color: #9359fa;
}

/* red inline code snippets */
body .markdown p code,
body .markdown li code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e !important;
  background-color: #f9f2f4 !important;
  border-radius: 4px;
}

body .markdown:not(code) pre code,
body .markdown:not(code) pre tt {
  padding: 0;
  font-size: inherit;
  color: #222 !important;
  background-color: transparent !important;
  border: 0;
}

/* red-purple inline code links */
body p code a,
body p a code,
body li code a,
body li a code {
  color: #af148f;
}
body p code a:hover,
body p a code:hover,
body li code a:hover,
body li a code:hover {
  color: #af148f;
}