/******************
    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
*/


body { 
	font-family: Gill Sans,Gill Sans MT,Calibri,sans-serif; 
}

.top-container {
  /*margin-top: 0px;*/
  margin-top: 10px;
}


/*https://manual.limesurvey.org/New_Template_System_in_LS3.x#Adding_custom_fonts_to_my_theme*/
@font-face {
  font-family: 'Gill Sans MT';
  src: url('./font-src/gillb.ttf');
  font-style: normal;
}
/*Individual "rebel" parts that don't conform to the main font setting (why?) */
.large-heading, .fruity_twentythree pre {
    font-family: Gill Sans,Gill Sans MT,Calibri,sans-serif;
}

/* 
@font-face {
  font-family: 'Gill Sans MT';
  src: url('./font-src/gill.ttf');
}
@font-face {
  font-family: 'Gill Sans MT';
  src: url('./font-src/GILI____.TTF');
  font-style: italic;
}
.font-ibm-sans {
    font-family: Gill Sans,Gill Sans MT,Calibri,sans-serif;
}
*/

/*Header*/

img.logo.img-fluid {
	height: 61px;
}

.logo-container > img {
   padding: 15px 0;
}


#survey-nav {
    border-bottom: 1px solid #d2d2d2;
    /*padding-bottom:0;          --> removed to allow related .navbar setting*/
    box-shadow: 0 0 7px 0 lightgray !important;
}



/*Apply FiBL-blue colour on all elements that use any blue colour*/
.progress-bar{
    background-color:#2F6C86;
}
.btn-primary {
  background-color: #2F6C86;
}
.btn-primary:hover {
  background-color: lightblue;
}

/*preformatted text style*/

.fruity_twentythree pre {
  color: #2F6C86;
  background-color: #d7e6f0;
  border: unset;
  padding: 15px;
  border-radius: 10px;
  font-size: medium;
  white-space: pre-line;
}

.fruity_twentythree blockquote {
  border-left: unset;
}


.privacy .ls-privacy-head, .privacy #datasecurity_notice_label {
  font-weight: Bold;
  font-size: small;
}
.privacy {
    line-height: 22px;
}

.ls-privacy-block{
  max-width: 750px; /*set due to the welcome-container having this constraint too*/
  color: #2F6C86;
  /*background-color: #d7e6f0;
  border: unset;
  padding: 15px;
  border-radius: 10px;*/
}


.group-description.space-col > span[style] {
    font-size: large;
}


.question-container {
    border: 2.5px solid #ccc ;
    border-radius: 10px;
    padding: 10px;
    margin-left: 2px;
    margin-right: 2px;
}


.completed-text {
    font-size: x-large;
    padding-top: 25px;
}


/* Align the array answer options (headers) on top
 * https://forums.limesurvey.org/forum/design-issues/120781-alignment-of-the-array-answer-options
 */
table.subquestion-list > thead > tr > th, 
table.subquestion-list > tbody > tr.headings > th {
  vertical-align: top !important;
  
  /*stick header on top of page when scrolling down*/
  position: sticky;
  position: -webkit-sticky;
  top: 50px;
  background-color: #f8f8f8;
  z-index: 1000;
}




/****FiBL-Survey-Anpassungen_241212 > PBa & HPa *****/


/*Fonts*/

/*h1, .group-container .group-title { font-size: 32pt; line-height: 38pt; font-weight: bold;  }*/
h1, .group-container .group-title {
  --minFontSize: 18pt;
  --maxFontSize: 32pt;
  --minLineHeight: 16pt;
  --maxLineHeight: 48pt;
  font-size: min( max(var(--minFontSize), 3vw), var(--maxFontSize));
  line-height: min( max(var(--minLineHeight), 5vw), var(--maxLineHeight));
  font-weight: bold; 
  margin-bottom: 25px;
}
/*.large-heading { font-size: 42pt; line-height: 48pt; font-weight: bold; }*/
.large-heading {
  --minFontSize: 20pt;
  --maxFontSize: 42pt;
  --minLineHeight: 16pt;
  --maxLineHeight: 48pt;
  font-size: min( max(var(--minFontSize), 3vw), var(--maxFontSize));
  line-height: min( max(var(--minLineHeight), 5vw), var(--maxLineHeight));
  font-weight: bold; 
}
/*.survey-description { padding: 24px 0; }*/
.survey-description {
  --minFontSize: 11pt;
  --maxFontSize: 16pt;
  --minLineHeight: 9pt;
  --maxLineHeight: 24pt;
  font-size: min( max(var(--minFontSize), 3vw), var(--maxFontSize));
  line-height: min( max(var(--minLineHeight), 5vw), var(--maxLineHeight));
  padding: 24px 0; 
}
/*.survey-welcome { font-size: 24pt; line-height: 28pt;   }*/
.survey-welcome {
  --minFontSize: 11pt;
  --maxFontSize: 16pt;
  --minLineHeight: 9pt;
  --maxLineHeight: 24pt;
  font-size: min( max(var(--minFontSize), 3vw), var(--maxFontSize));
  line-height: min( max(var(--minLineHeight), 5vw), var(--maxLineHeight));
}
/*.paragraph, .question-container .ls-label-question, .group-container .group-description { font-size: 24pt; line-height: 30pt;  }*/
.paragraph, .question-container .ls-label-question, .group-container .group-description  {
  --minFontSize: 11pt;
  --maxFontSize: 16pt;
  --minLineHeight: 9pt;
  --maxLineHeight: 24pt;
  font-size: min( max(var(--minFontSize), 3vw), var(--maxFontSize));
  line-height: min( max(var(--minLineHeight), 5vw), var(--maxLineHeight));
}

.asterisk, .question-number
{
  --minFontSize: 10pt;
  --maxFontSize: 15pt;
  --minLineHeight: 8pt;
  --maxLineHeight: 22pt;
  font-size: min( max(var(--minFontSize), 3vw), var(--maxFontSize));
  line-height: min( max(var(--minLineHeight), 5vw), var(--maxLineHeight));
}

.answertext .control-label, .ls-answers tbody .answertext,
.ls-question-mandatory .ls-question-mandatory-initial .text-danger {
  --minFontSize: 11pt;
  --maxFontSize: 15pt;
  --minLineHeight: 9pt;
  --maxLineHeight: 24pt;
  font-size: min( max(var(--minFontSize), 3vw), var(--maxFontSize));
  line-height: min( max(var(--minLineHeight), 5vw), var(--maxLineHeight));
}

.ls-answers label, .answer-item label, .control-label {   
      --minFontSize: 11pt;
      --maxFontSize: 15pt;
      font-size: min( max(var(--minFontSize), 3vw), var(--maxFontSize));
      font-weight: normal;
}


    .question-container .ls-question-message, 
    .ls-questionhelp {
      --minFontSize: 11pt;
      --maxFontSize: 15pt;
      --minLineHeight: 9pt;
      --maxLineHeight: 24pt;
      font-size: min( max(var(--minFontSize), 3vw), var(--maxFontSize));
      line-height: min( max(var(--minLineHeight), 5vw), var(--maxLineHeight));
      color: #2F6C86;
    }







/*FiBL-Styling*/
tbody > .answers-list { border-bottom: 1px solid lightgray; }

.completed-wrapper  {color: #737373; font-size: large}


.radio-item input[type="radio"]:checked + label {
    color: #2F6C86;
}
.radio-item input[type="radio"]:checked + label::after {
  background-color: #2F6C86;
}


.privacy .checkbox-item label::before {
  border: 3px solid #2F6C86;
}
.checkbox-item input[type="checkbox"]:checked + label::after {
  color: #2F6C86;
}

.checkbox-item input[type="checkbox"]:checked + label {
  color: #2F6C86;
}

.btn-primary {
    border-color: #2F6C86;
}

#ls-button-previous, #ls-button-submit { 
    min-width:90px;
    font-size: 16pt;
}

.btn-check:checked + .btn-primary, .btn-check:checked + .btn-primary:focus, .btn-check:focus:checked + .btn-primary, 
.btn-check:hover + .btn-primary {
    background-color: #2F6C86;
    border: 2px solid #6E748C;
}

.dropdown-menu > .active > a
/*.dropdown-menu > .hover > a*/
{   background-color: #2F6C86 !important; }

.fruity_twentythree .input-group-addon {   background-color: #2F6C86; }

.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active { background-color: #2F6C86; }



.navbar {
  padding-top: 0.75%;
  padding-bottom: 0.75%;
}

.group-container .group-title {
  margin-top: 0;
}