//----header

.header{

  .brand{
    img{

    }
  }


  .menu{

    ul{
      a{
        &.active
        {

        }
      }
    }

    &.menu-right{

    }

  }


}


//----------- Slider

.slider{
  .slide{
    .title{

    }

    .subtitle{

    }
  }
  .controls{
    ul{
      li{
        a{
          &.active{

          }
        }
      }
    }
  }
}

// ----- Default CMS obsahova page tj, defaultne headeingy
// vsetko co je v contente, aopakuje sa sem, samozrejme pokial ie o nieco co neni
// kvazi semanticky tag a classa na neho ako napr hX tak davat do .page mimo containeru aby sa
// to dalo pouzit aj mimo .container.page

.container {
  &.page{
    .h1,h1{

    }

    .h2,h2{

    }

    .h3,h3{

    }



  }
}

.page{

}

.gallery{
  // asi najlepsie bude puzit masonry - skus a vyber vhodnejsie

}
//Buttons

.btn{
  &.btn-circle{

    &.btn-red{}
    &.btn-white{}

    &.btn-ghost{

    }

  }

  &.btn-black{
    // takyto aj dropdown btn ako je "select country" v Kalendar

  }
}

.page{
  &custom-order{
    .order-details{
      //HINDWEISE to napravo
    }
    .calendar{

    }
    .input{
      &.amount-input{

        //v HINWEISE to mnozstvo

      }
    }

  }

  &custom-product{
    // content spravit cez stlpce  najdes tiez v hindweise tam dole
  }

  &.custom-choose-promo{
    // hinweise tam kde mas choose promotional

  }
}


//breadcrumb prestilovat ten bootsraovy
//....HINWEISE.jpg


// ---- Footer

.footer{
  .footer-left{

  }

  .footer-rigt{

  }

  .footer-nav{
    ul{
      li{

      }
    }
  }
}

//FAQ spravit cez acordition

//Downloads menu cez pills nav items sprav ako normalne div bude sa to foreachovat

/*
  vsetky elementy co sa budu davat ako box ktory je custom tak do divu inac tabulky
 nastylovane, pola logiky struktury by si mal dalej zvladnut si dopisat co portebujes :)
 hlavne to treba robit co najviac ez modulovatelne a reusable ;)
*/