// YOUR CUSTOM SCSS
@import 'custom/timeline';

div#general {
   background: none repeat scroll 0 0 $green;
   color: #FFF;
   padding: 0.5em;
}

html,body { 
   min-height:100%;
   font-family: 'open_sansregular';
}

#content_conainter {
   position: relative;
   min-height: calc(100% - 100px);
}

#content_conainter:before {
   bottom: 0;
   content: "";
   left: 0;
   opacity: 0.1;
   position: absolute;
   right: 0;
   top: 0;
   z-index: -1;
   background-image: url("/bundles/chillmain/img/background/desert.jpg");
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

.cf-title {
   font-size: 2em;
}

.cf-subtitle {
   font-size: 1.5em;
}

@each $len in 11, 15 {
   ul.submenu.width-#{$len}-em {
      min-width: #{$len}em;
   }
}

.content {
   padding-top: 1em;
   padding-bottom: 1em;
}

.select2 {
   width: 100%;
}

ul.custom_fields.choice li {
   list-style:none;
}

.sticky-form-buttons {
   margin-top:1em;
   background-color:$orange;//$grey-5;
   position:sticky;
   bottom:0.5em;
   text-align:center;
   padding:0.5em;
   border-radius: $base-border-radius;
}

.sticky-form-buttons .margin-5 {
   margin-left: 5%;
   margin-right: 5%;
}

.sticky-form-buttons .margin-10 {
   margin-left: 10%;
   margin-right: 10%;
}

.errors {
   color: $red;
}

.blop label {
   line-height: 1 + ($base-spacing / 3);
}

.footer {
   p {
      font-family: 'open_sanslight';
   }
}