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


@font-face {
  font-family: 'Roboto';
  src:url('/upload/themes/survey/pinneberg-custom/fonts/Roboto/Roboto-Medium.ttf');
}
#welcome-container
{
    max-width:inherit!important;    
}

* {
    font-family: Roboto !important;
    font-size: calc(min(max(5vw, 12px), 16px));
}



.group-title  
{
    color:#297544;
    margin-bottom: 36px!important;
    margin-top: 8px!important;
}

.large-heading
{
    color:#297544;
    font-size: 2rem!important;
}

#survey-nav>.container-fluid>div:not(.navbar-brand)
{
    transform:scaleX(8);
}

#survey-nav>.container-fluid>div:not(.navbar-brand)>div
{
    transform:scaleX(0.125);
}

#survey-nav .navbar-toggler 
{
    padding-left:0;
}

.logo-container > img
{
    padding-left:0!important;
}

.survey-name
{
    color:#297544;
    margin-bottom: 48px;
}

.ls-label-question
{
    font-size:1.5rem!important;
}

.top-container
{
    margin-top:0px!important;
    margin-bottom:0px!important;
}

.brand-logo .top-container .top-content {
  padding-top: 0em;
}

textarea
{
    border: 4px solid #297544 !important;
    border-radius:16px !important;
}

@media screen and (max-width: 750px) {
  *:not(textarea,input)
  {
      text-align:center;
  }
  
  .navbar-brand
  {
      width:100%;
      padding:0;
      margin-right:0;
  }
  
  .logo
  {
      width:100%!important;
      height:auto;
      max-height:initial!important;
      padding:0!important;
  }
}

.survey-welcome-container
{
    width: 100%; 
    min-height: min(292px, 60vh);
    display:flex;
    flex-direction:row;
}

.survey-welcome-text
{ 
    margin:auto;
    width:60%;
}

.survey-welcome-image-container
{
    width:40%;
    min-width:400px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.survey-welcome-image
{
    min-width:1px;
    min-height:1px;
}

@media screen and (max-width:750px)
{
    .survey-welcome-container
    {
        flex-direction: column; 
        flex-flow: column-reverse;
    }
    
    .survey-welcome-text
    {
        width:auto;
    }
    
    .survey-welcome-image-container
    {
        width:auto;
        min-width:0px;
    }
}


.completed-wrapper,.completed-Content
{
    text-align:center;
}

#surveys-list-container {
	display: flex;
	/* align-content: center; */
	justify-content: center;
	text-align: center;
}

.ls-logo
{
    display:none;
}

/* Radio button */
.btn-primary
{
    border-radius: 8px !important;
}

.btn-check + .btn-primary
{
    /*color:white;*/
    background:white;
    color:#6E748C;
}

.btn-check:checked + .btn-primary
{
    background: #14AE5C;
    color:white;
}