/*
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: #369;
$color_grad: #314367;

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

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

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

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

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

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

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

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

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

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

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

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

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

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