/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/*wyrzucenie gwiazdki z pól pytań obowiązkowych */ 
.asterisk {display: none;}

/*brak dodatkowych przestrzeni w polu kafeterii
.answer-container{
    padding-bottom:0;
}
*/ 
/*brak dodatkowych przestrzeni w polu z treścią pytania
.question-title-container {
  padding-top: 1;
  padding-bottom:0;
  font-weight: bold;
}
*/ 

/*brak marginesu dolnego w polu pytania
.question-container {
  margin-bottom: 0;
}
*/ 

/*brak marginesu dolnego w polu podpowiedzi
.ls-question-help,
.ls-questionhelp{
  margin-bottom:0;
}
*/ 

/*to jest ustawienie, żeby trochę zwęzić okno z pytaniami i odpowiedziami w stosunku do szerokości ekranu przeglądarki */ 
#outerframeContainer {
    width: 60%;
}

/*mówi, ze błąd z tym li, ale to działa! - zmniejsza odstępy między odpowiedziami
li.radio-item, li.checkbox-item, li.radio-text-item, li.checkbox-text-item {
   margin-bottom: 0;
}
*/  

/* HA HA HA świetnie myląca nazwa - to jest do ogarnięcia opisu grupy - pamiętać, że zmieniłem też IFa w group_desc.twig */ 
.fruity .well {
  background-color: white;
  box-shadow: inset 0 0 0 rgba(0,0,0,0.05);
  border: 0;
  font-weight: bold;
  text-align:center;
  font-size:20px;
  margin-top: 0;
  margin-bottom: 0;
}


/*to jest jakaś przestrzeń między banerem a nazwą grupy, ale to jeszcze nie wszystko. Jeszcze trzeba coś podnieść!*/ 
/*ale bottom to jest przestrzeń między ostatnim pytaniem a przyciskami wstecz i dalej*/ 

.space-col {
    margin-top: 0;
    margin-bottom: 1em;
}

/* a to też trochę zmniejsza przestrzeń - podrzuca wszystko do góry
#navigator-container {
     margin-top: 0;    
     padding-bottom: 0;
 }
*/
 
/* kolor tła pytań*/
/*
.question-container {
  margin-bottom: 2em;
  border: 1px solid #e7e7e7;
  background-color: #f8f8f8;
}*/

/* kolor tła strony */
/*
body{
background-image: url("https://google.pl/q.jpg");    
background-color: #cae0eb;
} */

/* to coś jest po to, żeby wyrazy się nie przenosiły*/
#outerframeContainer {
    hyphens: none;
    word-wrap: none;
}