/******************
    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: 'FFZwoWebProBlackItalic';
    src: url("https://teilauto.net/files/fonts/2FA91F_0_0.eot");
    src: url("https://teilauto.net/files/fonts/2FA91F_0_0.woff2") format('woff2'), url("https://teilauto.net/files/fonts/2FA91F_0_0.woff") format('woff'), url("https://teilauto.net/files/fonts/2FA91F_0_0.ttf") format('truetype');

}


@font-face {
    font-family: 'FFZwoWebProExtraBold';
    src: url("https://teilauto.net/files/fonts/2FA91F_1_0.eot");
    src: url("https://teilauto.net/files/fonts/2FA91F_1_0.woff2") format('woff2'), url("https://teilauto.net/files/fonts/2FA91F_1_0.woff") format('woff'), url("https://teilauto.net/files/fonts/2FA91F_1_0.ttf") format('truetype');

}


@font-face {
    font-family: 'FFZwoWebPro';
    src: url("https://teilauto.net/files/fonts/2FA91F_2_0.eot");
    src: url("https://teilauto.net/files/fonts/2FA91F_2_0.woff2") format('woff2'), url("https://teilauto.net/files/fonts/2FA91F_2_0.woff") format('woff'), url("https://teilauto.net/files/fonts/2FA91F_2_0.ttf") format('truetype');
}


@font-face {
    font-family: 'FFZwoWebProExtraBoldItalic';
    src: url("https://teilauto.net/files/fonts/35A421_0_0.eot");
    src: url("https://teilauto.net/files/fonts/35A421_0_0.woff2") format('woff2'), url("https://teilauto.net/files/fonts/35A421_0_0.woff") format('woff'), url("https://teilauto.net/files/fonts/35A421_0_0.ttf") format('truetype');
}

:root {
    --bs-primary: #75b42b;
    --bs-primary-rgb: 117, 180, 43;
}

body {
    --color-blue: #2e3080;
    --color-green: #75b42b;
    font-family: "FFZwoWebPro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.large-heading, .group-title {
    font-family: "FFZwoWebProBlackItalic", sans-serif;
    color: var(--color-blue);
    font-size: 2rem;
    line-height: 30px;
    margin-bottom: 1.5rem;
}

.question-container .ls-label-question {
  font-size: 22px;
}

.btn-primary {
  background-color: var(--color-green);
  border-color: var(--color-green);
}

.btn-outline-secondary {
  color: var(--color-blue);
  border-color: var(--color-blue);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
  background-color: var(--color-blue);
  border-color: var(--color-blue);
}

.btn {
    font-family: "FFZwoWebProExtraBold", sans-serif;
    padding: 4px 20px;
    border-radius: 15px;
}

* {
    box-shadow: none !important;
}

.radio-item input:checked + label, .checkbox-item input:checked + label {
    color: var(--color-green) !important;
}

.radio-item input:checked + label::before, .checkbox-item input:checked + label::before {
    border-color: var(--color-green) !important;
}

.radio-item input:checked + label::after {
    background-color: var(--color-green) !important;
}

.checkbox-item input:checked + label::after {
    color: var(--color-green) !important;
}

.question-container .question-title-container {
    display: flex;
    flex-direction: row;
}

.question-container .question-title-container .asterisk {
    order: 2;
    color: var(--color-green);
}

.group-container .group-title {
    margin-bottom: 3rem;
    font-size: 2rem;
    line-height: 30px;
}

.progress-bar {
    background-color: var(--color-green);
}



@media (max-width: 767px) {
    .group-container .group-title {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.large-heading, .group-title {
    font-size: 1.5rem;
}

.question-container .ls-label-question {
  font-size: 20px;
}

}