/*@import "_webfonts.less";*/

//farben 1 trimester
@sjoColorAlpha: #9bc8ce; // blau
@sjoColorBeta: #2b1c2c; // background
@sjoColorGamma: #ba6527; // orange
@sjoColorDelta:  #ddc351; // gelb

/* farben 2 trimester (ab 18.12.2018)
// @sjoColorAlpha: #5f9269; // blau
// @sjoColorBeta: #404056; // background
// @sjoColorGamma: #aa7528; // orange
// @sjoColorDelta:  #cb5244; // gelb
*/
@txtColorDefault: white;

@fontRegular: 'cinetype-regular';



// basic changes
.kdaTheme {
  h1, h2, h3, h4, h5, h6, p, li, a, label {
    font-family: @fontRegular;
    font-weight: 400;
  }
  p {
    strong, b {
      font-weight: 400;
      font-size: 1.3em;
    }
  }
  p, li {
    color: @txtColorDefault;
    font-weight: 400;
    color: @txtColorDefault;
    a {
      text-decoration: underline !important;
    }
  }
  background-color: @sjoColorBeta !important;
  font-family:  !important;

  // navigation
  .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    font-size: 15px;
    font-family: @fontRegular !important;
    text-transform: capitalize !important;
    font-weight: 400 !important;
    padding: 5px 0 7    px 5px;
  }
  .ubermenu-skin-trans-black-hov .ubermenu-submenu .ubermenu-target {
    &:hover {
      background-color: @sjoColorDelta;
      color: black;
    }
  }
  //sidebar
  #sidebar-right {
    h5 {
      text-transform: none !important;
      color: @txtColorDefault;
    }
    h3 {
      color: @sjoColorGamma;
    }
    h4 {
      line-height: 1.3;
      a {
        text-decoration: none !important;
        &:hover {
          color: @sjoColorGamma;
          text-decoration: underline !important;
        }
      }
    }
    .concert-list {
      padding-left: 0;
      list-style-type: none;
    }
  }
  .page-box {
    background-color: transparent;
    h1 {
      color: @sjoColorAlpha;
      font-size: 3em;
    }
  }
  // content boxen
  .musiker-box, .download-box, .home-box {
    background-color: transparent;
    border-bottom: solid 4px @sjoColorAlpha;
    h3 {
      color: @sjoColorGamma;
    }
    h2, h2 a {
      color: @sjoColorAlpha;
    }
    h2 {
      max-height: 100% !important;
      a {
        &:hover {
          color: @sjoColorGamma;
        }
      }
    }
    div > a {
      &:hover {
        color: @sjoColorGamma;
        text-decoration: underline;
      }
    }
  }
  .cd-box {
    background-color: transparent !important;
    &:nth-child(2) {
      border-bottom: solid 4px @sjoColorGamma;
    }
  }
  //quote auf cs seiten
  .quote {
    background-color: transparent;
    .quote-text {
      color: @sjoColorAlpha;
      font-family: @fontRegular;
      font-weight: 400;
      font-style: normal;
      font-size: 2em;
      &:before {
        content: "«";
        color: @sjoColorGamma;
      }
      &:after {
        content: "»";
        color: @sjoColorGamma;
      }
    }
    .quote-author strong{
      font-family: @fontRegular;
      font-weight: 400;
      color: @sjoColorAlpha;
      &:before {
        content: "— ";
        color: @sjoColorGamma;
      }
    }
  }
  //newsletter from
  form {
    input {
      background-color: transparent;
      font-family: @fontRegular;
      font-weight: 400;
    }
  }
  //header hack
  .tp-parallax-container {
    top: 0 !important;
  }
  .rev_slider_wrapper, .rev_slider {
    height: 500px !important;
  }
  // header-bottom
	header {
	    border-bottom: 4px solid #C3582D;
	}
}