/*
gem source -a http://rubygems.org/
gem install sass

http://stackoverflow.com/questions/27278966/error-sass-installation-for-windows

File -> Settings -> Tools -> File Watchers , edit, then choose program C:\Users\bagoutri\Documents\Ruby22\bin\sass.bat
*/
/*
http://webdesignledger.com/best-practices-accordions-in-web-design/

http://codepen.io/Frecosse/pen/Akwdo
*/
/*
$color: red;

@mixin my-border($color) {
  border: 1px solid $color;
}


body {
  background: $color;
  @include my-border(green);
}
*/
/*
http://webdesignledger.com/best-practices-accordions-in-web-design/

http://codepen.io/Frecosse/pen/Akwdo
*/
/*
$color_bl: #399;
$color_grad: #316367;

$color_hov: #566f82;
$color_hov_grad: #3e505e;
*/
/* COMMON FACETS */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

ul.accord2 {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 360px;
  margin: 0 auto;
  -moz-box-shadow: 0 0 5px #5e5e5e;
  -webkit-box-shadow: 0 0 5px #5e5e5e;
  box-shadow: 0 0 5px #5e5e5e; }

ul.accord2 li label {
  background: #dddddd;
  /* fallback colour */
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  color: #2e4f7c;
  text-shadow: 0 1px 1px #fff;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddddd), to(#c4c4c4));
  background: -webkit-linear-gradient(top, #dddddd, #c4c4c4);
  background: -moz-linear-gradient(top, #dddddd, #c4c4c4);
  background: -ms-linear-gradient(top, #dddddd, #c4c4c4);
  background: -o-linear-gradient(top, #dddddd, #c4c4c4); }

ul.accord2 li input.acc_cbx[type='checkbox'] {
  display: none; }

ul.accord2 li label {
  display: block;
  padding: 12px;
  width: 360px; }

ul.accord2 li i {
  font-size: 24px;
  vertical-align: middle;
  width: 20px;
  display: inline-block; }

ul.accord2 li label:hover {
  background: #9c9c9c;
  /* fallback colour */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9c9c9c), to(#9c9c9c));
  background: -webkit-linear-gradient(top, #9c9c9c, #9c9c9c);
  background: -moz-linear-gradient(top, #9c9c9c, #9c9c9c);
  background: -ms-linear-gradient(top, #9c9c9c, #9c9c9c);
  background: -o-linear-gradient(top, #9c9c9c, #9c9c9c); }

ul.accord2 li input.acc_cbx[type='checkbox']:checked ~ .options {
  height: auto;
  display: block;
  min-height: 40px;
  max-height: 280px; }

ul.accord2 ul li a:hover {
  color: #44c6eb; }

ul.accord2 ul li {
  border-bottom: 1px solid #ccc; }

ul.accord2 ul li:first-child {
  padding-top: 6px; }

ul.accord2 ul li:last-child {
  padding-bottom: 6px;
  border: 0; }

.options {
  height: 0;
  display: block;
  overflow: hidden; }

/*# sourceMappingURL=accord2.css.map */