/*
 * Purpose: Summer color theme for Zoffice web application.
 * Author:  Magnus Johansson <ma@arachne.se>
 * Created: July 2022
 *
 * Origin generated by:
 * https://www.w3schools.com/w3css/w3css_color_generator.asp
 *
 * Base color: #5d9e5b
 *
 * To get RGB values, a useful converter can be found here:
 * https://www.w3schools.com/colors/colors_converter.asp
 *
 * The !important statements are part of the generated source and may be
 * needed for a consistent look in some cases.
 */
.w3-theme-l5 {color:#000 !important; background-color:#f5f9f5 !important}
.w3-theme-l4 {color:#000 !important; background-color:#deecde !important}
.w3-theme-l3 {color:#000 !important; background-color:#bed9bd !important}
.w3-theme-l2 {color:#000 !important; background-color:#9dc69c !important}
.w3-theme-l1 {color:#fff !important; background-color:#7db37b !important}
.w3-theme-d1 {color:#fff !important; background-color:#548f52 !important}
.w3-theme-d2 {color:#fff !important; background-color:#4b7f49 !important}
.w3-theme-d3 {color:#fff !important; background-color:#416f40 !important}
.w3-theme-d4 {color:#fff !important; background-color:#385f37 !important}
.w3-theme-d5 {color:#fff !important; background-color:#2f4f2e !important}

.w3-theme-light {color:#000 !important; background-color:#f5f9f5 !important;}
.w3-theme-dark {color:#fff !important; background-color:#2f4f2e !important;}
/* the generated default action bg (d5) may be a bit too dark?
  .w3-theme-action {color:#fff !important; background-color:#2f4f2e !important;}
 */
.w3-theme-action {color:#fff !important; background-color:#416f40 !important;}

.w3-theme {color:#fff !important; background-color:#5d9e5b !important;}
.w3-text-theme {color:#5d9e5b !important;}
.w3-border-theme {border-color:#5d9e5b !important;}

.w3-hover-theme:hover {color:#fff !important; background-color:#5d9e5b !important;}
.w3-hover-text-theme:hover {color:#5d9e5b !important;}
.w3-hover-border-theme:hover {border-color:#5d9e5b !important;}

.w3-theme-gradient {
  color:#fff !important;
  background-color: #5d9e5b;
  /* background-color: rgb(93,158,91); */
  background-image: radial-gradient(circle,
                                    rgba(65,111,64,1) 0%,
                                    rgba(93,158,91,1) 60%,
                                    rgba(125,179,123,1) 90%,
                                    rgba(157,198,156,1) 100%);
  /* a few variations:
    background: -moz-linear-gradient(top,#9dc69c 25%,#5d9e5b 75%);
    background: radial-gradient(circle,
                                rgba(65,111,64,1) 0%,
                                rgba(93,158,91,1) 50%,
                                rgba(125,179,123,1) 64%,
                                rgba(157,198,156,1) 78%,
                                rgba(190,217,189,1) 92%,
                                rgba(222,236,222,1) 96%,
                                rgba(245,249,245,1) 100%);
   */
}

.w3-theme-gradient.main-container {
  background-color: #deecde;
  /* background-color: rgb(222, 236, 222); */
  background-image: linear-gradient(200deg,
                                    rgba(190,217,189,0.0) 70%,
                                    rgba(125,179,123,1) 100%);
   /* a few variations:
    background-image: linear-gradient(200deg,
                                      rgba(190,217,189,0.0) 30%,
                                      rgba(157,198,156,1.0) 80%,
                                      rgba(93,158,91,1) 100%);

    background-image: radial-gradient(circle,
                                      rgba(157,198,156,1) 30%,
                                      rgba(190,217,189,1) 60%,
                                      rgba(222,236,222,1) 100%);
    background-image: url('/images/zof-background3.svg'),
                      radial-gradient(circle,
                                      rgba(93,158,91,1) 0%,
                                      rgba(157,198,156,1) 60%,
                                      rgba(190,217,189,1) 90%,
                                      rgba(222,236,222,1) 100%);
    background-image: url('/images/zof-background1.svg'),
                      radial-gradient(circle,
                                      rgba(125,179,123,1) 0%,
                                      rgba(157,198,156,1) 30%,
                                      rgba(190,217,189,1) 60%,
                                      rgba(222,236,222,1) 100%);
    background-position: left top, left top;
    background-repeat: repeat-y, no-repeat;
    background-size: 10%, 100%;
   */
}

.w3-theme-gradient.sitemap-container {
  background-color: #7db37b;
  /* background-color: rgb(125, 179, 123); */
  background-image: radial-gradient(circle,
                                    rgba(125,179,123,1.0) 20%,
                                    rgba(93,158,91,1.0) 70%,
                                    rgba(65,111,64,1.0) 90%);
}

.w3-theme-gradient-light {
  color:#000 !important;
  background-color: #9dc69c;
  /* background-color: rgb(157,198,156); */
  background-image: radial-gradient(circle,
                                    rgba(93,158,91,1) 0%,
                                    rgba(157,198,156,1) 90%);
  /* a few variations:
    background-image: radial-gradient(circle,
                                      rgba(93,158,91,1) 0%,
                                      rgba(157,198,156,1) 60%,
                                      rgba(190,217,189,1) 90%,
                                      rgba(222,236,222,1) 100%);
   */
}

a {
  /*
   * The decoration color can be set separately with e.g.:
   * text-decoration-color: green !important;
   */
  /* color: #5d9e5b !important; */
  /* color: #5d9e5b; */
  color: #548f52;
}

a:focus {
  /* focus can be set using tab key, and may be blue by default */
  /* outline: 2px solid #5d9e5b; */
}

.card .w3-theme.card-title {
  background-color: #96dc96 !important;
  background-color: rgba(150,220,150,0.5) !important;
  color: #363 !important;
}